搜索 H5 页面接入

npm i crypto-js --save

import CryptoJSEncHex from 'crypto-js/enc-hex';
import hmacSHA256 from 'crypto-js/hmac-sha256';

    generateUrl() {
      const signature = this.getSignature();
      const params = {
        adtag: this.adtag,
        appid: this.appid,
        search: this.searchWord,
        ...signature,
      };
      // 参数拼接生成url
      this.url = `xxx.html?adtag=${params.adtag}&appid=${params.appid}&search=${params.search}&timestamp=${params.timestamp}&noncestr=${params.noncestr}&signature=${params.signature}`;
    },
    getHmacSHA256(str, key) {
      return hmacSHA256(str, key).toString(CryptoJSEncHex); // 搜索商业化接口参数加密
    },
    getSignature() {
      const t = +new Date();
      const timestamp = `${Math.floor(t / 1000)}`; // 客户服务器实时时间戳，与北京时间相差不能超过3分钟
      const noncestr = 'test'; // 客户自定义随机数，长度在32位以内
      const { appid } = this; // 客户的appid
      const appserect = 'xxxxxx'; // 密钥
      // 传入拼接参数和密钥
      const signature = this.getHmacSHA256(`appid=${appid}&noncestr=${noncestr}&timestamp=${timestamp}`, appserect);
      return {
        timestamp,
        noncestr,
        appid,
        signature,
      };
    },