Amadeus's blog Amadeus's blog
首页
  • 前端文章

    • JavaScript
    • Vue
    • TypeScript
    • 前端工程化
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • stylus
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 口语
  • 音标
  • 语法
  • 简单
  • 中等
  • 困难
  • 20年10月
  • 20年11月
  • 20年12月
  • 21年01月
  • 21年02月
  • 21年03月
  • 21年04月
  • 21年05月
  • 21年06月
  • 21年07月
  • 21年08月
  • 21年09月
  • 21年10月
  • 21年11月
  • 21年12月
  • 22年01月
  • 22年02月
  • 22年03月
  • 22年04月
  • 22年05月
  • 22年06月
  • 22年07月
  • 22年08月
  • 22年09月
  • 21年3月
  • 知识笔记
  • 22年5月
  • 22年8月
  • 22年9月
  • 学习
  • 书法
  • 面试
  • 音乐
  • 驾照
  • 深度强化学习
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Amadeus

起风了,唯有努力生存!
首页
  • 前端文章

    • JavaScript
    • Vue
    • TypeScript
    • 前端工程化
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • stylus
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 口语
  • 音标
  • 语法
  • 简单
  • 中等
  • 困难
  • 20年10月
  • 20年11月
  • 20年12月
  • 21年01月
  • 21年02月
  • 21年03月
  • 21年04月
  • 21年05月
  • 21年06月
  • 21年07月
  • 21年08月
  • 21年09月
  • 21年10月
  • 21年11月
  • 21年12月
  • 22年01月
  • 22年02月
  • 22年03月
  • 22年04月
  • 22年05月
  • 22年06月
  • 22年07月
  • 22年08月
  • 22年09月
  • 21年3月
  • 知识笔记
  • 22年5月
  • 22年8月
  • 22年9月
  • 学习
  • 书法
  • 面试
  • 音乐
  • 驾照
  • 深度强化学习
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • TypeScript笔记

  • 前端工程化

  • 面试

  • 小程序

    • 小程序开发
      • 医疗uni-app开发
    • Vue3源码解析

    • 设计模式

    • NestJS笔记

    • JavaScript文章

    • Vue文章

    • 学习笔记

    • 前端
    • 小程序
    Amadeus
    2023-01-07
    目录

    小程序开发

    # 小程序开发

    # 1.可选小程序

    1.1 在线协同办公小程序

    1.2 商业级应用小程序?

    1.3 uni-app 支付小程序开发

    1.4 音乐app小程序

    # 2.uni-app支付小程序

    # 2.1 搭建环境

    编辑器:HbuilderX、VSCode、微信开发者工具

    # 2.2 初始化项目

    初始化uni-app项目有两种方式,一种是使用HbuilderX构建,另一种是使用vue-cli构建。

    # 2.2.1 HbuilderX 构建项目

    新建项目,选择uniapp项目类型和vue版本进行创建即可,配置manifest.json的小程序ID以及微信开发者工具的路径,下载npm包,然后运行即可。

    # 2.2.2 vue-cli构建项目

    安装脚手架vue-cli

    npm install -g @vue/cli
    
    1

    使用vue-cli脚手架构建uni-app项目

    vue create -p dcloudio/uni-preset-vue vue-cli-uni-app-test
    
    1

    创建项目完成后,编译项目成weixin项目

    npm run dev:mp-weixin
    
    1

    之后可以用微信开发者工具打开编译完成的项目进行效果预览

    # 3.小程序登录

    登录微信账号

    wx.login()

    自己开发后端服务器,将小程序传来的code传递给微信接口服务

    得到加密的用户微信信息,需要自己在服务器进行解密

    编辑 (opens new window)
    Vue全家桶
    医疗uni-app开发

    ← Vue全家桶 医疗uni-app开发→

    最近更新
    01
    最长递增子序列
    04-21
    02
    非递减子序列
    04-21
    03
    全排列
    04-21
    更多文章>
    Theme by Vdoing | Copyright © 2020-2024 Amadeus | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式