Wx

开始写小程序的时候对小程序请求接口的requestAPI相当无奈，因为项目急就没考虑那么多，直接开干。后边闲下来就考虑了一下做了一个封装，来统一做一些数据处理，达到减轻开发重复性，优化代码的作用： 首先我封装了一个类： import { base_url } from '../config/api' // 引入我们接口的ip，后续我们只需要传入apiconst tips = { 1: '抱歉，出现了一个错误', 1005: 'appkey无效，请求错误', 3000: '没有权限', ...} // 多种错误处理字符串----------export default class HTTP { fetch (params) { const { url, method = 'GET', data = {}, success } = params // es6对象解构请求是我们需要的传参和成功的处理 wx.request({ url: base_url + url, method, data, header: { 'Content-Type': 'application/json' }, success: res => { const { code } = res.data if (code === 0) { // 与后台约定的成功判断 success && success(res.data) // 成功的回调 return } const { error_code } = res.data this._show_error(error_code) // 失败的处理，弹出提示框 }, fail: err => { this._show_error(1) // 失败的处理，弹出提示框 } }) } _show_error (error_code = 1) { const tip = tips[error_code] wx.showToast({ title: tip ? tip : tips[1], icon: 'none', duration: 2000 }) }}这里，我们做了一个简单的基础封装，但是也是必须从回调中做出相应的处理，如果我们需要一个变量直接拿到这次请求的数据呢，那我们就需要用到promise， async await 来进行处理了，代码如下： ...

微信登录：用户可使用微信帐号快速登录你的网站，同一用户使用微信登录你的不同应用和公众帐号，会对应同一个UnionID，以便进行不同业务间的帐号统一微信授权登录可分为：扫码登录（一般用于 PC 网页）- 微信开放平台跳转 APP 授权登录（第三方 APP 使用）- 微信开放平台微信内置浏览器内登录（一般用于移动端网站，公众号登录）- 微信公众平台微信小程序内微信登录（小程序内部）- 微信公众平台公司项目登录场景描述：只限于在微信客户端打开的网页应用，在微信消息列表直接给好友发送一个网页的URL，用户收到直接点击URL直接打开页面结论：云学院为移动端网站，使用第三种登录方式，微信网页授权网页授权的两种方式：1.静默授权：用户感知的就是直接进入了回调页（往往是业务页面）req.scope = @“snsapi_base"只能获取access_token和openID2.非静默授权：需要用户手动同意，并且由于用户同意过req.scope = @“snsapi_userinfo"获取更详细的用户资料，比如头像、昵称、性别等结论：使用非静默授权实现步骤：1、登陆【杏树林公众号】后可以查看到【appId】和【appsecret】信息2、公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名3、引导用户进入授权页面同意授权，此时会调用微信api获取code 4、 授权通过后会带上code参数请求回调地址 5、 后台获取code,再次调用微信接口换取网页授权access_token和openid 6、通过网页授权access_token和openid获取用户基本信息（如果有unionid还会获取到unionid参数）示例代码：async function wxAuth(req, res) { //解析querystring获取URL中的code值 let code = req.query.code; //通过拿到的code和appID、app_serect获取返回信息 let resObj = await getAccessToken(code); //解析得到access_token和open_id let access_token = resObj.access_token; let open_id = resObj.openid; //通过上一步获取的access_token和open_id获取userInfo即用户信息 let userObj = await getUserInfo(access_token, open_id); console.log(userObj); res.render(path.resolve(__dirname,‘userInfo.ejs’), {userObj: userObj}); // res.send(userObj);}//通过拿到的code和appID、app_serect获取access_token和open_idfunction getAccessToken(code) { return new Promise( (resolve, reject) => { let getAccessUrl = https://api.weixin.qq.com/sns/oauth2/access_token?appid= + ${appID}&secret=${appSerect}&code=${code}&grant_type=authorization_code; https.get(getAccessUrl, (res) => { var resText = “”; res.on(‘data’, (d) => { resText += d; }); res.on(’end’, () => { var resObj = JSON.parse(resText); resolve(resObj); }); }).on(’error’, (e) => { console.error(e); }); }); }//通过上一步获取的access_token和open_id获取userInfo即用户信息function getUserInfo(access_token, open_id) { return new Promise( (resolve, reject) => { let getUserUrl = https://api.weixin.qq.com/sns/userinfo?access_token=${access_token}&openid=${open_id}&lang=zh_CN; https.get(getUserUrl, (res) => { var resText = “”; res.on(‘data’, (d) => { resText += d; }); res.on(’end’, () => { var userObj = JSON.parse(resText); resolve(userObj); }); }).on(’error’, (e) => { console.error(e); }); })}demo：文档：微信网页授权https://mp.weixin.qq.com/wiki…参考：https://juejin.im/post/5b5c42…https://juejin.im/post/5ad54e… ...