?本文是小程序開(kāi)發(fā)特輯的第二篇，基于小編開(kāi)發(fā)的微信小程序—“工具百寶箱”繼續(xù)介紹如何進(jìn)行小程序開(kāi)發(fā)。今天介紹第一個(gè)工具：MD5。

1.jpg

?MD5的全稱為MD5信息摘要算法，一種被廣泛使用的密碼散列函數(shù)。MD5能夠?qū)?shù)據(jù)進(jìn)行運(yùn)算，得到固定長(zhǎng)度的hash值，常用于下載文件比對(duì)等場(chǎng)景。注意，MD5是可以被破解的，最好不要用在加密的場(chǎng)景里。

?MD5工具使用了npm第三方包，小程序安裝第三方npm包的方法如下：

1. 在小程序根目錄下的package.json文件中加入依賴的第三方包并執(zhí)行npm install。

{
  "dependencies": {
    "qrcode-generator": "1.4.4",
    "md5": "2.3.0"
  }
}

2. 在小程序開(kāi)發(fā)工具中選擇：工具—構(gòu)建npm即可。

?構(gòu)建完成后，在MD5工具的js里，引入md5包：

const md5Tool = require('md5');

?用戶輸入文本之后，點(diǎn)擊按鈕，立即生成md5。代碼如下：

<view class="weui-flex__item">
        <a class="weui-btn weui-btn_mini  weui-btn_primary button-align weui-btn_loading" wx:if="{{generating}}"><text
            class="weui-primary-loading weui-primary-loading_transparent"><i
              class="weui-primary-loading__dot"></i></text>加密</a>
        <a wx:else class="weui-btn weui-btn_mini  weui-btn_primary button-align" bindtap="doEncrypt">加密</a>
</view>

doEncrypt: function () {
    if (!this.data.textValue) {
      util.handleToast("請(qǐng)輸入需要加密的內(nèi)容", this)
    } else {
      let mainRef = this;
      mainRef.setData({
        generating: true,
        encrypt:''
      }, () => {
        util.userInputChecker(mainRef.data.textValue, mainRef, () => {
          let m = md5Tool(mainRef.data.textValue)
          if (mainRef.data.pickerIndex == 1) {
            m = m.toUpperCase();
          }
          mainRef.setData({
            encrypt: m
          })
        }, () => {
          mainRef.setData({
            generating: false
          })
        })
      })
    }
  }

?微信要求小程序?qū)τ脩舻妮斎脒M(jìn)行內(nèi)容合規(guī)檢查，代碼里面userInputChecker會(huì)請(qǐng)求后端的文本檢測(cè)服務(wù)。這是一個(gè)用nodejs搭建的服務(wù)，里面涉及微信的登錄和調(diào)用微信內(nèi)容檢查接口。小程序編程系列會(huì)涵蓋這部分后端服務(wù)內(nèi)容，敬請(qǐng)期待。

結(jié)語(yǔ)

?有疑問(wèn)歡迎留言討論~