happycxz

微信小程序智能生活小秘书开发详解

>>>>>>>>>>>>>>>>>>>>>>>> 欢迎转载 <<<<<<<<<<<<<<<<<<<<<<<<

本文原地址:http://blog.csdn.net/happycxz/article/details/75432928

“遥知之”微信小程序完整源码下载:
CSDN: http://download.csdn.net/download/happycxz/9905134
github: https://github.com/happycxz/nlp_olami_yaozhizhi_wechat_littleapp_demo

实现功能

实现一个智能生活信息查询的小秘书功能,支持查天气、新闻、日历、汇率、笑话、故事、百科、诗词、邮编、区号、菜谱、股票、节目预告,还支持闲聊、算24点、数学计算、单位换算、购物、搜索等功能。
使用方式上支持摇一摇、点界面按钮、手动输入这三种方式。

扫码试用(左右皆可)

小程序码小二维码小

界面展示

遥知之首页

开发资源

  1. 免费开放语义接口平台 olami.ai
  2. 微信小程序平台
  3. js, css

源码分析

源码各文件说明

基本延用官方案例的目录结构和命名,index.xx是首页面相关代码,logs.xx是日志页相关代码。

比官方目录结构多了两个文件:

  1. config.js

    因为用到一些配置,放在.js里封装起来比较好。

  2. pics/bg.jpg

    小程序背景图片,开发环境上加载本地文件作为背景图片是生效的,预览体验时不生效,网上有人说不支持本地文件,因此这里这个图片其实没有用到,只是暂时留着。

小程序根目录文件:app.js, app.json, app.wxss, config.js


app.js

提供获取用户微信账号昵称和所在地,获取当前地理位置这两个公共接口。

const corpusList = require(\'./config\').corpus
var UTIL = require(\'./utils/util.js\');

App({
  onShow: function () {
    UTIL.log(\'App Show\')
  },
  onHide: function () {
    UTIL.log(\'App Hide\')
  },
  onLaunch: function () {
    UTIL.log(\'App Launch\')
    this.updateUserLocation()
  },

  updateUserLocation: function() {
    var that = this
    wx.getLocation({
      //type: \'wgs84\',  // gps原始坐标
      type: \'gcj02\', //国家标准加密坐标
      success: function (res) {
        that.globalData.latitude = res.latitude
        that.globalData.longitude = res.longitude
        that.globalData.speed = res.speed
        //var accuracy = res.accuracy
        UTIL.log(\'REFRESH LOCATION: \' + that.globalData.latitude + \' | \' + that.globalData.longitude + \' , speed: \' + that.globalData.speed)
      },
      fail: function(res) {
        UTIL.log(\'REFRESH LOCATION FAILED...\')
      }
    })
  },

  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              that.globalData.custId = UTIL.getUserUnique(that.globalData.userInfo);
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        },
        fail: function () {
          UTIL.log(\'登录WX失败了!\')
        }
      })
    }
  },

  clearUserInfo: function() {
    var that = this
    that.globalData.userInfo = null;
    that.globalData.hasLogin = false;
  },

  globalData:{
    userInfo:null,
    corpus: corpusList,
    custId: \'\',
    latitude: 0.0,
    longitude: 0.0,
    speed: 0,
  }
})

app.json

配置小程序窗体相关属性:标题名称,背景色,网络超时等。
配置首页面为pages/index/index。

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "black",
    "navigationBarBackgroundColor": "#F8F8F8",
    "navigationBarTitleText": "遥知之 -- olami语义支持",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#F8F8F8"
  },
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  }
}

app.wxss

配置了“遥知之”小程序container全局样式

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
} 

配置文件:config.js

保存一些配置信息,包括NLI的key和secret,还有小程序中预置的语料集合。

module.exports = {

  //NLI appkey
  appkey: `b4118cd178064b45b7c8f1242bcde31f`,

  //NLI appsecret
  appsecret: `7908028332a64e47b8336d71ad3ce9ab`,
  
  corpus: [
    // \'闲聊\',
    // \'天气\',
    // \'诗词\',
    // \'单位换算\',
    // \'新闻\',
    // \'算24点\',
    // \'菜谱\',
    // \'汇率\',
    // \'邮编\',
    // \'区号\',
    // \'股票\',
    // \'日历\',
    // \'节目预告\',
    // \'笑话\',
    // \'故事\',
    // \'购物\',
    // \'数学运算\',
    // \'百科\',
    // \'搜索\',

    \'你今年多大啦\',
    \'上海今天天气如何\',
    \'北京的呢\',
    \'李白写过什么诗\',
    \'我要听李白的静夜思\',
    \'背一首将进酒\',
    \'一公里等于多少英尺\',
    \'我要看体育新闻\',
    \'4567算24点\',
    \'红烧肉的做法\',
    \'1美元能换算多少人民币\',
    \'查一下南昌的邮编\',
    \'郑州的区号是多少\',
    \'中国石油的股价\',
    \'今年中秋节是哪一天\',
    \'明晚湖南卫视放什么节目\',
    \'来个笑话\',
    \'讲个故事听听\',
    \'我要买电脑\',
    \'1加到100等于多少\',
    \'黄山有多高\',
    \'百度搜一下薛之谦的照片\',
  ]
};

utils目录文件:GUID.js, MD5.js, NLI.js, util.js


获取随机GUID:GUID.js

//表示全局唯一标识符 (GUID)。
function Guid(g) {
  var arr = new Array(); //存放32位数值的数组

  if (typeof (g) == "string") { //如果构造函数的参数为字符串
    InitByString(arr, g);
  } else {
    InitByOther(arr);
  }

  //返回一个值,该值指示 Guid 的两个实例是否表示同一个值。
  this.Equals = function (o) {
    if (o && o.IsGuid) {
      return this.ToString() == o.ToString();
    } else {
      return false;
    }
  }

  //Guid对象的标记
  this.IsGuid = function () { }
  //返回 Guid 类的此实例值的 String 表示形式。
  this.ToString = function (format) {
    if (typeof (format) == "string") {
      if (format == "N" || format == "D" || format == "B" || format == "P") {
        return ToStringWithFormat(arr, format);
      } else {
        return ToStringWithFormat(arr, "D");
      }
    } else {
      return ToStringWithFormat(arr, "D");
    }
  }

  //由字符串加载
  function InitByString(arr, g) {
    g = g.replace(/\{|\(|\)|\}|-/g, "");
    g = g.toLowerCase();
    if (g.length != 32 || g.search(/[^0-9,a-f]/i) != -1) {
      InitByOther(arr);
    } else {
      for (var i = 0; i < g.length; i++) {
        arr.push(g[i]);
      }
    }
  }

  //由其他类型加载
  function InitByOther(arr) {
    var i = 32;
    while (i--) {
      arr.push("0");
    }
  }

  /*
  根据所提供的格式说明符,返回此 Guid 实例值的 String 表示形式。
  N  32 位: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  D  由连字符分隔的 32 位数字 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
  B  括在大括号中、由连字符分隔的 32 位数字:{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}
  P  括在圆括号中、由连字符分隔的 32 位数字:(xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)
  */

  function ToStringWithFormat(arr, format) {
    switch (format) {
      case "N":
        return arr.toString().replace(/,/g, "");
      case "D":
        var str = arr.slice(0, 8) + "-" + arr.slice(8, 12) + "-" + arr.slice(12, 16) + "-" + arr.slice(16, 20) + "-" + arr.slice(20, 32);
        str = str.replace(/,/g, "");
        return str;
      case "B":
        var str = ToStringWithFormat(arr, "D");
        str = "{" + str + "}";
        return str;
      case "P":
        var str = ToStringWithFormat(arr, "D");
        str = "(" + str + ")";
        return str;
      default:
        return new Guid();
    }
  }
}

//Guid 类的默认实例,其值保证均为零。
Guid.Empty = new Guid();

//初始化 Guid 类的一个新实例。
Guid.NewGuid = function () {
  var g = "";
  var i = 32;

  while (i--) {
    g += Math.floor(Math.random() * 16.0).toString(16);
  }
  return new Guid(g).ToString();
}

module.exports = {
  NewGuid: Guid.NewGuid
}

计算MD5值:MD5.js

//md5加密算法
function md5(string) {
  var x = Array();
  var k, AA, BB, CC, DD, a, b, c, d;
  var S11 = 7, S12 = 12, S13 = 17, S14 = 22;
  var S21 = 5, S22 = 9, S23 = 14, S24 = 20;
  var S31 = 4, S32 = 11, S33 = 16, S34 = 23;
  var S41 = 6, S42 = 10, S43 = 15, S44 = 21;
  string = Utf8Encode(string);
  x = ConvertToWordArray(string);
  a = 0x67452301;
  b = 0xEFCDAB89;
  c = 0x98BADCFE;
  d = 0x10325476;
  for (k = 0; k < x.length; k += 16) {
    AA = a;
    BB = b;
    CC = c;
    DD = d;
    a = FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
    d = FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
    c = FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
    b = FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
    a = FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
    d = FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
    c = FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
    b = FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
    a = FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
    d = FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
    c = FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
    b = FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
    a = FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
    d = FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
    c = FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
    b = FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
    a = GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
    d = GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
    c = GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
    b = GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
    a = GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
    d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
    c = GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
    b = GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
    a = GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
    d = GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
    c = GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
    b = GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
    a = GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
    d = GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
    c = GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
    b = GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
    a = HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
    d = HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
    c = HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
    b = HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
    a = HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
    d = HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
    c = HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
    b = HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
    a = HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
    d = HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
    c = HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
    b = HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
    a = HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
    d = HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
    c = HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
    b = HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
    a = II(a, b, c, d, x[k + 0], S41, 0xF4292244);
    d = II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
    c = II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
    b = II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
    a = II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
    d = II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
    c = II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
    b = II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
    a = II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
    d = II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
    c = II(c, d, a, b, x[k + 6], S43, 0xA3014314);
    b = II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
    a = II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
    d = II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
    c = II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
    b = II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
    a = AddUnsigned(a, AA);
    b = AddUnsigned(b, BB);
    c = AddUnsigned(c, CC);
    d = AddUnsigned(d, DD);
  }
  var temp = WordToHex(a) + WordToHex(b) + WordToHex(c) + WordToHex(d);
  return temp.toLowerCase();
}
function RotateLeft(lValue, iShiftBits) {
  return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
}
function AddUnsigned(lX, lY) {
  var lX4, lY4, lX8, lY8, lResult;
  lX8 = (lX & 0x80000000);
  lY8 = (lY & 0x80000000);
  lX4 = (lX & 0x40000000);
  lY4 = (lY & 0x40000000);
  lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
  if (lX4 & lY4) {
    return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
  }
  if (lX4 | lY4) {
    if (lResult & 0x40000000) {
      return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
    } else {
      return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
    }
  } else {
    return (lResult ^ lX8 ^ lY8);
  }
}
function F(x, y, z) {
  return (x & y) | ((~x) & z);
}
function G(x, y, z) {
  return (x & z) | (y & (~z));
}
function H(x, y, z) {
  return (x ^ y ^ z);
}
function I(x, y, z) {
  return (y ^ (x | (~z)));
}
function FF(a, b, c, d, x, s, ac) {
  a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
  return AddUnsigned(RotateLeft(a, s), b);
}
function GG(a, b, c, d, x, s, ac) {
  a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
  return AddUnsigned(RotateLeft(a, s), b);
}
function HH(a, b, c, d, x, s, ac) {
  a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
  return AddUnsigned(RotateLeft(a, s), b);
}
function II(a, b, c, d, x, s, ac) {
  a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
  return AddUnsigned(RotateLeft(a, s), b);
}
function ConvertToWordArray(string) {
  var lWordCount;
  var lMessageLength = string.length;
  var lNumberOfWords_temp1 = lMessageLength + 8;
  var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
  var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
  var lWordArray = Array(lNumberOfWords - 1);
  var lBytePosition = 0;
  var lByteCount = 0;
  while (lByteCount < lMessageLength) {
    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
    lBytePosition = (lByteCount % 4) * 8;
    lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
    lByteCount++;
  }
  lWordCount = (lByteCount - (lByteCount % 4)) / 4;
  lBytePosition = (lByteCount % 4) * 8;
  lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
  lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
  lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
  return lWordArray;
}
function WordToHex(lValue) {
  var WordToHexValue = "", WordToHexValue_temp = "", lByte, lCount;
  for (lCount = 0; lCount <= 3; lCount++) {
    lByte = (lValue >>> (lCount * 8)) & 255;
    WordToHexValue_temp = "0" + lByte.toString(16);
    WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
  }
  return WordToHexValue;
}
function Utf8Encode(string) {
  var utftext = "";
  for (var n = 0; n < string.length; n++) {
    var c = string.charCodeAt(n);
    if (c < 128) {
      utftext += String.fromCharCode(c);
    } else if ((c > 127) && (c < 2048)) {
      utftext += String.fromCharCode((c >> 6) | 192);
      utftext += String.fromCharCode((c & 63) | 128);
    } else {
      utftext += String.fromCharCode((c >> 12) | 224);
      utftext += String.fromCharCode(((c >> 6) & 63) | 128);
      utftext += String.fromCharCode((c & 63) | 128);
    }
  }
 return utftext;
}
module.exports = {
  md5: md5
}

olami免费开放语义平台NLI接口封装:NLI.js

var app = getApp()

const appkey = require(\'../config\').appkey
const appsecret = require(\'../config\').appsecret

var MD5 = require(\'./MD5.js\');
var UTIL = require(\'./util.js\');

const requestUrl = "https://cn.olami.ai/cloudservice/api";
const api = "nli";


function getLocationJson() {
  var lat = app.globalData.latitude;
  var lng = app.globalData.longitude;
  if (lat < 180 && lng < 180) {
    lat *= 1000000;
    lng *= 1000000;
  }

  return { "position_type": 0, "longitude": lng, "latitude": lat };
}

//NLI接口访问
//参数:corpus为句子;cb为回调函数(带两个参数,第一个参数表示调用NLI是否成功,第二个参数是NLI的返回数据)
function process(corpus, cb) {
  var timestamp = new Date().getTime();
  var originalSign = appsecret + "api=" + api + "appkey=" + appkey + "timestamp=" + timestamp + appsecret;
  var sign = MD5.md5(originalSign);

  var locationJson = getLocationJson();
  var rqdataJson = { "data": { "input_type": 1, "text": corpus, "location": locationJson }, "data_type": "stt" };
  var rqdata = JSON.stringify(rqdataJson);

  UTIL.log(\'input:\' + rqdata + \'\r\n, custId:\' + app.globalData.custId + \', originalSign:\' + originalSign);

  wx.request({
    url: requestUrl,
    data: {
      appkey: appkey,
      api: api,
      timestamp: timestamp,
      sign: sign,
      rq: rqdata,
      cusid: app.globalData.custId,
    },
    header: {
      \'content-type\': \'application/x-www-form-urlencoded\'
    },
    method: \'POST\',
    success: function (result) {
      var data = result.data.data;
      var jsonData = JSON.stringify(data);
      typeof cb == "function" && cb(true, jsonData)
    },
    fail: function ({errMsg}) {
      typeof cb == "function" && cb(false, jsonData)
    }
  })
}

module.exports = {
  process: process,
}

其它utils:util.js

var app = getApp()
var Guid = require(\'./GUID.js\');

//将date格式的数据转成  hh:mm:ss 字符串格式
function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()


  //return [year, month, day].map(formatNumber).join(\'/\') + \' \' + [hour, minute, second].map(formatNumber).join(\':\')
  return [hour, minute, second].map(formatNumber).join(\':\')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : \'0\' + n
}

//log接口封装
function log(obj) {
  console.log(\'<\' + formatTime(new Date(Date.now())) + \'>\' + \' \' + obj)

  //往用户缓存去写
  var logs = wx.getStorageSync(\'logs\') || []
  logs.unshift(\'[\' + formatTime(new Date(Date.now())) + \']\' + \' \' + obj)
  wx.setStorageSync(\'logs\', logs)
}

//获取用户唯一标识,NLI接口中要上传用户唯一标识,这里获取微信号所在地+昵称
function getUserUnique(userInfo) {
  var unique = Guid.NewGuid();
  if (userInfo != null) {
    unique = userInfo.province + \'_\' + userInfo.nickName;
  }
  log(\'getUserUnique() return:\' + unique)
  return unique;
}

module.exports = {
  formatTime: formatTime,
  log: log,
  getUserUnique: getUserUnique
}

page/logs页面:logs.js, logs.json, logs.wxml, logs.wxss


logs.js

var util = require(\'../../utils/util.js\')
Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync(\'logs\') || []).map(function (log) {
        var DATE = new Date(log);
        if (typeof DATE === \'date\') {
          //当log是一个毫秒数,延用官方的案例,转成对应时间存LOG中(util.formatTime被我改成只输出时分秒)
          return util.formatTime(new Date(log))
        }
        
        //非毫秒数时,记录LOG原始内容,不作转换
        return log;
      })
    })
  }
})

logs.json

{
    "navigationBarTitleText": "调试LOG页"
}

logs.wxml

<!--logs.wxml-->
<view class="container log-list">
  <block wx:for="{{logs}}" wx:for-item="log" wx:key="*this">
    <text class="log-item">{{index + 1}}. {{log}}</text>
  </block>
</view>

logs.wxss

.log-list {
  display: flex;
  flex-direction: column;
  padding: 40rpx;
}
.log-item {
  margin: 10rpx;
}

page/index页面:index.js, index.json, index.wxml, index.wxss


index.js

var app = getApp()

var UTIL = require(\'../../utils/util.js\');
var GUID = require(\'../../utils/GUID.js\');
var NLI = require(\'../../utils/NLI.js\');

var cursor = 0;
var lastYYYTime = new Date().getTime();

function log(obj) {
  UTIL.log(obj)
}

Page({

  isShow: false,

  /**
   * 页面的初始数据
   */
  data: {
    //调试后门
    isDbg: false,
    //输入框文本
    inputTxt: \'\',
    //输出框文本
    outputTxt: \'\'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    log(\'index.onLoad\')
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function (userInfo2) {
      log(\'user unique 1: \' + UTIL.getUserUnique(userInfo2))
    })
    log(\'user unique 2: \' + UTIL.getUserUnique(app.globalData.userInfo))
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    log(\'index.onReady\')
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    log(\'index.onShow\')

    var that = this;
    that.isShow = true;

    //调用重力加速度传感API模拟摇一摇接口
    wx.onAccelerometerChange(function (e) {
      
      if (!that.isShow) {
        //当前界面不显示时不应该调用
        return
      }

      if (isBong(e.x) && isBong(e.y)) {
        if (new Date().getTime() - lastYYYTime <= 2000) {
          //1秒限制摇一次,避免摇一下触发多次请求
          log(\'摇的太频繁啦,请等2秒再摇!\' + e.x + \', \'+ e.y + \', \' + e.z);
          return;
        }

        //更新最后一次成功摇的时间戳
        lastYYYTime = new Date().getTime()

        //从语料库中挑选语料运行语义理解,显示结果
        var selectedCorpus = selectCorpusRunNli(that);

        //弹Toast窗提示当前刷到哪句语料
        wx.showToast({
          title: selectedCorpus,
          icon: \'success\',
          duration: 1500
        });
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    log(\'index.onHide\')
    //页面隐藏后,关掉摇一摇检测
    wx.stopAccelerometer();
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    log(\'index.onUnload\')
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    log(\'index.onPullDownRefresh\')

    //页面下拉,触发轮换语料理解
    selectCorpusRunNli(this)
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    log(\'index.onReachBottom\')
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    log(\'index.onShareAppMessage\')

    wx.showToast({
      title: \'谢谢分享!\',
      icon: \'success\',
      duration: 1500
    });
  },

  switchChange: function (e) {
    log(\'index.switchChange by:\' + e.detail.value)
  },

  //输入文本框聚焦触发清除输入框中的内容
  bindFocusClear: function(e) {
    log(\'index.bindFocusClear\')
    if (e.detail.value === \'\') {
      return;
    }

    log(\'clear: \' + e.detail.value)
    var self = this;
    self.setData({
      inputTxt: \'\'
    });
  },

  //点击完成按钮时触发
  bindConfirmControl: function(e) {
    var inputTxt = e.detail.value;
    log(\'index.bindConfirmControl input string: \' + inputTxt);

    //手动打字输入语料运行语义理解
    singleCorpusRunNli(inputTxt, this)
  },

  //测试按钮触发事件
  bindTest: function () {
    log(\'index.bindTest\')

    //测试按钮替代摇一摇,从语料库中选语料测试
    selectCorpusRunNli(this)
  },

  bindLog: function () {
    //另一个测试按钮触发打开LOG页
    wx.navigateTo({
      url: \'../logs/logs\'
    })
  },

  bindCorpusGenerator: function (e) {
    log(\'index.bindCorpusGenerator\')
    //获取"data-cp"中的语料
    var corpus = e.target.dataset.cp;

    //快捷按钮触发语料运行语义理解
    singleCorpusRunNli(corpus, this);
  }
})

//解析NLI接口返回的数据,从语义结果中筛选出适合显示的文本内容
function getSentenceFromNliResult(nliResult) {
  var sentence;
  try {
    var resultJson = JSON.parse(nliResult);
    var nliArray = resultJson.nli;
    for (var i = 0; i < nliArray.length; i++) {
      var singleResult = nliArray[i];
      sentence = singleResult.desc_obj.result;

      var content = \'\';
      var appName = singleResult.type;
      //0: normal, 1: selection, 9 : openweb
      var tagType = 0;
      if (appName === \'selection\') {
        appName = singleResult.desc_obj.type;
        tagType = 1;
      } else if (appName === \'openweb\') {
        //appName = singleResult.desc_obj.type;
        tagType = 9;
      }
      switch (appName) {
        case \'joke\' :
        case \'story\' :
          sentence = singleResult.data_obj[0].content;
          break;
        case \'poem\' :
          if (tagType === 1) {
            for (var k = 0; k < singleResult.data_obj.length; k++) {
              content += \'第\' + (k + 1) + \'个: \' + singleResult.data_obj[k].author + \'   \' + singleResult.data_obj[k].poem_name + \'\n\';
            }
          }
          break;
        case \'cooking\':
          if (tagType === 1) {
            for (var k = 0; k < singleResult.data_obj.length; k++) {
              content += \'第\' + (k + 1) + \'个: \' + singleResult.data_obj[k].name + \'\n\';
            }
          } else if (tagType === 0) {
            content = singleResult.data_obj[0].content;
          }
          break;
        case \'baike\' :
          var filedNames = singleResult.data_obj[0].field_name;
          var filedValues = singleResult.data_obj[0].field_value;
          for (var k = 0; k < filedNames.length; k++) {
            content += filedNames[k] + \' : \' + filedValues[k] + \'\n\';
          }
          break;
        case \'news\' :
          if (tagType === 1) {
            for (var k = 0; k < singleResult.data_obj.length; k++) {
              content += singleResult.data_obj[k].title + \'\n\';
              content += singleResult.data_obj[k].detail + \'…………\n\';
              content += \'【欲看此条新闻详情请说第\' + (k+1) + \'个,或拷此链接到浏览器中打开:\' + singleResult.data_obj[k].ref_url + \'】\n\n\';
            }
          } else if (tagType === 0) {
            content = singleResult.data_obj[0].detail;
          }
          break;
        case \'stock\' :
          var nowHour = new Date().getHours();
          var isKaiPan = (nowHour >= 9) && (nowHour <= 15);
          for (var k = 0; k < singleResult.data_obj.length; k++) {
            content += singleResult.data_obj[k].name + \' : \' + singleResult.data_obj[k].id + \'\n\';
            content += \'开盘:\' + singleResult.data_obj[k].price_start + \'\n\';
            if (isKaiPan) {
              content += \'现价(\' + getHHMMSS(singleResult.data_obj[k].time) + \'):\' + singleResult.data_obj[k].cur_price + \'\n\';
            } else {
              content += \'收盘:\' + singleResult.data_obj[k].price_end + \'\n\';
            }
            content += \'成交量:\' + singleResult.data_obj[k].volume + \'\n\';
            content += \'成交额:\' + singleResult.data_obj[k].amount + \'\n\';
            content += \'最高价:\' + singleResult.data_obj[k].price_high + \'\n\n\';
          }
          break;
        case \'tvprogram\':
          for (var k = 0; k < singleResult.data_obj.length; k++) {
            content += singleResult.data_obj[k].time + \'   \' + singleResult.data_obj[k].name + \'\n\';
          }
          break;
        case \'openweb\':
          content += \'【拷此链接到浏览器中打开:\' + singleResult.data_obj[0].url + \'】\n\';
          break;
        defalt :
          break;
      }
      if (content !== \'\') {
        sentence += \'\n\n\' + content;
      }
      log(\'NLI返回sentence:\' + sentence)
    }
  } catch (e) {
    log(\'错误\' + e.message + \'发生在\' + e.lineNumber + \'行\');
    sentence = \'没明白你说的,换个话题?\'
  }
  
  if (typeof sentence === \'undefined\' || sentence === \'\') {
    sentence = \'没明白你说的什么意思\';
  }

  return sentence;
}

//由 毫秒数字符串 获取  HH:mm:ss 格式时间
function getHHMMSS(dateStr) {
  var dateVal = new Date(parseInt(dateStr));
  var hh = dateVal.getHours()
  var mm = dateVal.getMinutes()
  var ss = dateVal.getSeconds()

  return ((hh >= 10) ? hh : \'0\' + hh) + \':\' + ((mm >= 10) ? mm : \'0\' + mm) + \':\' + ((ss >= 10) ? ss : \'0\' + ss)
}

//处理NLI语义结果
function NliProcess(corpus, self) {
  var nliResult;
  NLI.process(corpus, function (isSuccess, result) {
    if (isSuccess) {
    } else {
    }
    nliResult = result;
    log("NLI RESULT IS:" + nliResult);
    typeof self !== \'undefined\' && self.setData ({
      outputTxt: getSentenceFromNliResult(nliResult)
    })
  })
}

//如输入是dbg且确认,则切换到debug模式,多显示两个按钮
function singleCorpusRunNli(inputTxt, self) {
  if (inputTxt === \'dbg\' || inputTxt === \'DBG\' || inputTxt === \'Dbg\') {
    self.setData({
      //打开调试按钮
      isDbg: true,
      inputTxt: \'\'
    });
    return;
  }

  //正常用户输入文本
  if (inputTxt !== \'\') {
    self.setData({
      inputTxt: inputTxt
    });
    NliProcess(inputTxt, self);
  }
}

//选择预置语料运行语义理解
function selectCorpusRunNli(self) {
  var corpus = app.globalData.corpus;

  //顺序选择一句语料
  var corpusSelected = corpus[cursor]

  self.setData({
    //更新页面input框显示
    inputTxt: corpusSelected
  })

  log(\'selected corpus:\' + corpusSelected)
  //调用语料处理,刷新输出框结果
  NliProcess(corpusSelected, self);

  //光标后移,备下次挑选下一条语料
  if (cursor++ >= corpus.length - 1) {
    cursor = 0;
  }

  return corpusSelected;
}

//检测加速度传感器灵敏度
function isBong(val) {
  //目前灵敏度设置为0.8,且摇一摇只监测了x和y轴变动,具体见调用此函数的地方
  if (val >= 0.8 || val <= -0.8) {
    return true;
  }

  return false;
}

index.json

首页延用app.json中的配置,不需要单独的配置,所以这个文件为空。

{
}

index.wxml

这个是首页的h5布局。

<view class="container">

  <view class="page-section">
    <view class="text-box" scroll-y="true">      
      <text style="max-width:200px;overflow-y:auto;height:200px;" selectable="true">{{outputTxt}}</text>
    </view>
  </view>

  <view class="page-section page-gap">
    <text selectable="true" class="text-dec-an">支持“摇一摇”、点按钮、手动输入</text>
  </view>

  <view class="page-section">
    <view class="weui-cells weui-cells_after-title">
        <input class="weui-input" placeholder-style="color:#6aa84f"  maxlength="50" 
          placeholder="点此手动输入" value="{{inputTxt}}" confirm-type ="send" bindconfirm="bindConfirmControl" bindfocus="bindFocusClear"/>
    </view>
  </view>

  <view class="button-selection page-gap">
    <view class="{{isDbg?\'button-show\':\'common-disappear\'}}">
      <button type="default" size="mini" bindtap="bindTest">调试</button>
      <button type="default" size="mini" bindtap="bindLog">日志</button>
    </view> 

    <view class="button-selection2">
      <button type="default" size="mini" data-cp="今天天气" bindtap="bindCorpusGenerator">天气</button>
      <button type="default" class="little-gap-left" size="mini" data-cp="今天的体育新闻" bindtap="bindCorpusGenerator">新闻</button>
      <button type="default" class="little-gap-left" size="mini" data-cp="今年什么时候过年" bindtap="bindCorpusGenerator">日历</button>
      <button type="default" class="little-gap-left" size="mini" data-cp="100人民币能换多少美金" bindtap="bindCorpusGenerator">汇率</button>
    </view>
    <view class="button-selection2">
      <button type="default" class="little-gap-top" size="mini" data-cp="来个段子" bindtap="bindCorpusGenerator">笑话</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="我要看鬼故事" bindtap="bindCorpusGenerator">故事</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="好无聊啊" bindtap="bindCorpusGenerator">闲聊</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="介绍一下姚明" bindtap="bindCorpusGenerator">百科</button>
    </view>
    <view class="button-selection2">
      <button type="default" class="little-gap-top" size="mini" data-cp="背一首李白的望庐山瀑布" bindtap="bindCorpusGenerator">诗词</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="6789算24点怎么算" bindtap="bindCorpusGenerator">24点</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="江西婺源的邮编是多少" bindtap="bindCorpusGenerator">邮编</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="帮忙查一下扬州的区号" bindtap="bindCorpusGenerator">区号</button>
    </view>
    <view class="button-selection2">
      <button type="default" class="little-gap-top" size="mini" data-cp="鲈鱼可以怎么做" bindtap="bindCorpusGenerator">菜谱</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="今天的大盘指数" bindtap="bindCorpusGenerator">股票</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="我想买个电风扇" bindtap="bindCorpusGenerator">购物</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="搜索薛之谦" bindtap="bindCorpusGenerator">搜索</button>
    </view>
    <view class="button-selection2">
      <button type="default" class="little-gap-top" size="mini" data-cp="今晚番茄台放什么节目" bindtap="bindCorpusGenerator">节目预告</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="3的平方加8再乘以6再除以2等于几" bindtap="bindCorpusGenerator">数学计算</button>
      <button type="default" class="little-gap-left little-gap-top" size="mini" data-cp="1光年等于多少公里" bindtap="bindCorpusGenerator">单位换算</button>
    </view>
  </view>
</view>

index.wxss

首页用到的一些样式,以及配置首页背景图片。

page{
  background-color:beige;
  background-image: url(//img-blog.csdn.net/20170720105808995?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFwcHljeHo=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast);
  background-size: cover;
}

.page-section{
  margin-bottom: 10rpx;
}

.page-gap{
  margin-top: 20rpx;
}

.button-selection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.button-selection2 {
  justify-content: space-between;
  align-content: space-between;
}

.little-gap-top {
  margin-top: 15rpx; 
}

.little-gap-left {
  margin-left: 15rpx; 
}

.text-dec-an{
  color: #ff00ff;
  font-size: 28rpx;
}

.common-disappear {
  display: none
}

.button-show {
  display: flex;
  align-self: center;
  justify-content: center;
}

.text-box{
  margin-bottom: 0rpx;
  margin-left: 50rpx;
  margin-right: 50rpx;
  padding: 40rpx 0;
  display: flex;
  min-height: 300rpx;
  max-width: 600rpx;
  width:600rpx;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  text-align: left;
  font-size: 30rpx;
  color: #353535;
  line-height: 2em;
  word-wrap: break-word;
  border: 1px solid cornflowerblue;
}


.weui-cells {
  position: relative;
  margin-top: 1.17647059em;
  background-color: #DCDCDC;
  line-height: 1.41176471;
  font-size: 14px;
}

.weui-cells_after-title {
  margin-top: 0;
}

.weui-input {
  height: 2.58823529em;
  width: 17em;
  min-height: 2.58823529em;
  line-height: 2.58823529em;
}

olami平台资源配置

,在配置上稍微有些不同,下面我会重点说明一下。

  1. 用上次注册的账号,在olami.ai上登录。

  2. 选择“API&解决方案”中的“NLI 自然语言语义互动管理系统”,然后点“开始免费试用”进入应用配置界面。

  3. 生成一个新的应用,比如取名“遥知之NLI能力”

  4. 点“配置模块”进去,会有两个标签页:

    a. “NLI模块”:我之前做过一个汇率换算的小DEMO 用olami开放语义平台做汇率换算应用 用的是使用“NLI模块”的功能,其实就是语义接口。

    b. “对话系统模块”:这次做“遥知之”微信小程序,用的是他们平台的“处理结果”的能力,就是对应“对话系统模块”这里。

    注:有些朋友估计会有点弄不清楚,这里我举个例子,比如“今天上海的天气如何”这一句话:应用配置在“NLI模块”里勾天气相对应的模块,接口会返回这一句话的意思“今天,上海,查天气”; 应用配置在“对话系统模块”里勾“weather”,接口返回的就是今天上海天气的查询结果。

    好了,弄明白上述两块,接下来就知道,这次我做的“遥知之”全是要结果输出的,所以把“对话系统模块”中所有的功能模块全勾选上了,后面有配置优先级的,优先级是用来处理语义冲突时仲裁哪个模块优先的,我都没有动,直接用默认值,根据提示:数值越小优先级越高,1000是优先级最高。

  5. “遥知之NLI能力”应用中,点击“查看Key”可以获取调用OLAMI开放语义平台的授权密钥,包括“App Key”和“App Secret”。 这两个码,对应小程序源码中的“config.js”中的“appkey”和“appsecret”。

  6. “遥知之NLI能力”应用中有个“测试”,需要的话,可点进去输入一些句子测输出结果(注:这里是NLI接口输出的一部分)。

>>>>>>>>>>>>>>>>>>>>>>>> 欢迎转载 <<<<<<<<<<<<<<<<<<<<<<<<

本文原地址:http://blog.csdn.net/happycxz/article/details/75432928

“遥知之”微信小程序完整源码下载:
CSDN: http://download.csdn.net/download/happycxz/9905134
github: https://github.com/happycxz/nlp_olami_yaozhizhi_wechat_littleapp_demo

写在最后

这次做微信小程序,是边摸索边做,JS和CSS基本是边改边学,好在微信小程序框架清晰,接口文档全,另外olami平台之前做 用olami开放语义平台做汇率换算应用 时接触过,所以总体来讲还算顺利。


另外这里特意推荐一下跟自然语言理解相关的比较不错的文章:

根据OLAMI平台开发的日历Demo

用olami开放语义平台做汇率换算应用

自然语言处理-实际开发:用语义开放平台olami写一个翻译的应用

自定义java.awt.Canvas—趣味聊天

微信小程序+OLAMI自然语言API接口制作智能查询工具--快递、聊天、日历等

热门自然语言理解和语音API开发平台对比

使用OLAMI SDK和讯飞语音合成制作一个语音回复的短信小助手

微信小程序——智能小秘“遥知之”源码分享(语义理解基于olami)

分类:

技术点:

相关文章:

  • 2021-07-29
  • 2021-12-21
  • 2021-08-17
  • 2021-04-11
  • 2021-07-28
  • 2021-05-15
  • 2021-06-19
猜你喜欢
  • 2021-05-12
  • 2021-10-21
  • 2021-10-19
  • 2021-12-10
  • 2021-09-25
  • 2021-07-23
相关资源
相似解决方案