小程序 1

小程序开发:

  环境: 微信开发者工具

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.getUserInfo获取用户信息,或者wx.userLcation地理位置等功能时,会涉及到权限问题,也就是用户是否允许本小程序访问某些用户微信或者手机的相关信息。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

    支付调用流程:

      用户在小程序发起支付请求------openid------个人服务器接收请求生成订单,调用微信服务器统一下单接口------微信服务器返回prepay_id---------个人服务器将prepay_id等五个参数封装后返回给小程序--------小程序用户进行支付直接到微信服务器--------微信服务器返回支付结果,也将结果返回给个人服务器的接收返回接口--------支付完成。

posted @ 2019-11-04 23:39  黑无常  阅读(286)  评论(0)    收藏  举报