Promise を使用してアプレットの md5 暗号化リクエストをカプセル化する

弊社のURLアドレスとパラメータの内容はすべてmd5暗号化されているので、今日は自分でカプセル化して共有してみました。

最初のステップは、Baidu にある md5 関数をダウンロードすることです。

2 番目の部分では fetch.js を作成し、ダウンロードした md5 を導入します。

这里写你自己的路径
var md5 = require('../assets/js/md5/md5.js');

ステップ 3: BASE_URL を設定する

const BASE_URL = '********************************'

ステップ 4: md5 関数とキーをエクスポートする

/* MD5验证函数 */
function md5Fun(BASE_URL, datas) {
    
    
  let str = md5(BASE_URL + datas + "md5密钥");
  return str
}

5 番目のステップはエクスポートです。

/* 导出方法 */
export default function fetch(option) {
    
    
  return new Promise((resolve, reject) => {
    
    
    /* 获取token */
    let token = wx.getStorageSync('token')
    
    /* 参数地址 */
    let md5_Url = BASE_URL + option.url 
    
    /* Post参数内容 */
    let datas =  JSON.stringify(option.data) || ''
    let md5 = md5Fun(md5_Url, datas)
    wx.request({
    
    
      url: md5_Url,
      method: option.method || 'GET',
      dataType: 'json',
      header: {
    
    
        md5,
        token
      },
      data: option.data || {
    
    },
      success: function (res) {
    
    
        resolve(res)
      },
      fail: function (err) {
    
    
        console.log(err)
        reject(err)
      }
    })
  })
}

最後のステップは使用することです

在这里引入
import fetch from '../../../../utils/fetch'

投稿リクエストを使用する

    let res = await fetch({
    
    
      method: 'post',
      url: 'login?',
      data: obj
    })
    console.log(res)

取得リクエストを使用する

  let res = await fetch({
    
    
      url: 'market?'
    })
	console.log(res)

直接コピーして使用することもできます。ここにあるパラメータと URL はすべて md5 によって処理されています。もちろん、必要に応じて改善することもできます。ご質問がございましたら、メッセージを残してください。ありがとう。