微信小程序-详解微信登陆、微信支付、模板消息

本攻略将详细介绍微信小程序中微信登陆、微信支付、模板消息的使用方法。

微信登陆

微信登陆可用于用户授权登陆、获取用户信息。

1. 微信开放平台配置

在微信开放平台中，配置小程序的“登陆授权”和“网页授权”，并获取小程序appid、appsecret。

2. 小程序配置

在小程序中，使用wx.login获取临时登录凭证code，并将其发送到服务器端，服务器端再调用微信登陆接口，获取access_token和openid。

示例代码：

wx.login({
  success: function(res) {
    if (res.code) {
      // 发送res.code到后台换取openId, sessionKey, unionId
      wx.request({
        url: 'https://api.weixin.qq.com/sns/jscode2session',
        data: {
          appid: '小程序appID',
          secret: '小程序app secret',
          js_code: res.code,
          grant_type: 'authorization_code'
        },
        success(res) {
          console.log(res.data)
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})

3. 用户授权

使用<button open-type="getUserInfo">，引导用户授权小程序获取其个人信息。

示例代码：

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取用户信息</button>

Page({
  getUserInfo: function(e) {
    console.log(e.detail.userInfo)
  }
})

微信支付

微信支付可用于小程序内部购买商品或服务。

1. 微信支付开通

在微信商户平台中开通微信支付功能，并获取appid、商户号、支付密钥等参数。

2. 小程序配置

在小程序中，使用wx.requestPayment调用支付接口，传递必要的参数，如appid、商户号、支付密钥等。

示例代码：

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success(res) { },
  fail(res) { }
})

模板消息

模板消息可用于向用户发送服务通知、订单、活动等模板消息。

1. 模板消息配置

在微信公众号或小程序中，配置模板消息并获取模板ID。

2. 小程序配置

在小程序中，使用wx.request调用模板消息接口，传递必要的参数，如模板ID、openid、数据等。

示例代码：

wx.request({
  url: 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN',
  method: 'POST',
  data: {
    touser: 'OPENID',
    template_id: 'TEMPLATE_ID',
    page: 'index',
    form_id: 'FORMID',
    data: {
      keyword1: {
        value: 'value1'
      },
      keyword2: {
        value: 'value2'
      }
    },
    emphasis_keyword: ''
  },
  success(res) { },
  fail(res) { }
})