小程序开发
# 小程序开发
# 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)