小程序 1

Posted 2020-11-30 黑无常

小程序开发：

　　环境： 微信开发者工具

1. 官网下载微信开发者工具

　　https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

2. 小程序账号，官方注册，获取APPID等必要信息

　　https://mp.weixin.qq.com/wxopen/waregister?action=step1

3. 了解整体目录结构

　　a.  app.js、app.json、app.wxss 　　b. page其它页面目录（js、wxml、json、wxss）　　c.  其它

　***app.js：创建小程序主体

　　APP（{ 。。。}）

　*** app.json：小程序的全局配置，决定页面文件的路径，窗口表现，设置网络超时时间，设置多tab等。

　　{

　　　　“pages” ：[ ],

　　　　"window"：{ },

　　　　"tabBar"：{

　　　　　　“list”：[

　　　　　　{ “pagePath”：“pages / index / index”，“text”：“首页”  }，

　　　　　　{ “pagePath”：“pages / logs / logs”，“text”：“日志”  }，...

　　　　　　]

　　　　},

　　　　。。。

　　}

4. 基本流程

　　小程序---------------自己的小程序服务器-----------------微信接口服务器

　　a.登录：

　　　　用户打开小程序-----小程序中wx.login（)获取临时登录凭证code-------通过wx.request将code传给个人服务器------服务器发送请求到微信接口服务器-------微信服务器传回此登录用户的唯一标识openid给个人服务器------个人服务器再将openid传回给小程序

　　　　补：小程序中调用wx.login()时，一般会涉及到权限问题，也就是用户是否允许本小程序访问某些用户微信或者手机的相关信息。wx.getSetting()--获取向用户请求过的权限；wx.authorize()--向用户发起授权请求（具体请求根据需要发起授权申请：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html#scope-%E5%88%97%E8%A1%A8）

　　

　　b. 自定义小程序其它页面 ：

　　　　1. 根据业务需求，app.json中添加相应路由条目到pages列表中

　　　　2. 保存刷新后，page目录中自动创建相应的页面目录及相关文件

　　　　3. 自定义这些新建立的目录和文件，达到需求目标

　　

　　c. 小程序支付：

　　　　前提：小程序提交发布

　　　　支付接口：wx.requestPayment()

　　　　参数：temeStamp、noncetr、package、signType、paySign

　　　　*** package： 调用统一下单接口返回的prepay_id