jswx.js 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. import wx from 'weixin-js-sdk'
  2. import sign from './sign.js'
  3. // const baseWxUrl = "https://api.weixin.qq.com/cgi-bin"
  4. const baseWxUrl = "https://yigefuwuapp.ycbrain.com/cgi-bin"
  5. const appId = "wxe7a47acc00b6aa5d";
  6. const appSecret = "11d94f98e6dd0e09a5b7872fb88fdb91";
  7. const requestFun = ({
  8. method = 'GET',
  9. url,
  10. data
  11. }) => {
  12. return new Promise((resolve, reject) => {
  13. uni.request({
  14. url: baseWxUrl + url, //仅为示例,并非真实接口地址。
  15. data: data,
  16. method: method,
  17. success: (res) => {
  18. resolve(res.data)
  19. },
  20. fail: (err) => {
  21. console.log('err=>', err)
  22. }
  23. });
  24. })
  25. }
  26. const getWXToken = () => {
  27. requestFun({
  28. url: '/token',
  29. data: {
  30. grant_type: 'client_credential',
  31. appid: appId,
  32. secret: appSecret
  33. }
  34. }).then(res => {
  35. if (res) {
  36. getWXJSTicket(res)
  37. uni.setStorage({
  38. key: 'wx_access_token',
  39. data: res.access_token
  40. })
  41. }
  42. })
  43. }
  44. const getWXJSTicket = (data) => {
  45. requestFun({
  46. url: '/ticket/getticket',
  47. data: {
  48. access_token: data.access_token,
  49. type: 'jsapi',
  50. }
  51. }).then(res => {
  52. if (res && res.errmsg == "ok") {
  53. uni.setStorage({
  54. key: 'wx_js_ticket',
  55. data: res.ticket
  56. })
  57. const initData = sign(res.ticket, location.href.split('#')[0])
  58. initWX(initData)
  59. }
  60. })
  61. }
  62. getWXToken()
  63. // 初始化微信配置
  64. const initWX = (data) => {
  65. wx.config({
  66. debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  67. appId: appId, // 必填,公众号的唯一标识
  68. timestamp: data.timestamp, // 必填,生成签名的时间戳
  69. nonceStr: data.nonceStr, // 必填,生成签名的随机串
  70. signature: data.signature, // 必填,签名
  71. jsApiList: ['chooseImage', 'checkJsApi'], // 必填,需要使用的JS接口列表
  72. openTagList: ['wx-open-launch-app'] // 可选,需要使用的开放标签列表
  73. });
  74. wx.ready(function(res) {
  75. console.log('res===>>', res)
  76. // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
  77. });
  78. wx.error(function(error) {
  79. console.log('error===>>', error)
  80. // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
  81. });
  82. }