微信小程序--(智障机器人聊天)
本着一贯以练习项目带动学习的方式,近两天入坑微信小程序。先是练手一个智障聊天机器人,我使用了免费的青云客api
青云客:青云客智能聊天机器人API
准备工作:
1.注册微信小程序
2.准备微信开发者工具,版本根据个人喜好(这里下载稳定版)
3.没接触过微信小程序的小伙伴还是要先大概看下开发者文档。(结构和语法还是要了解的)
开始搭建项目:
1.新建一个微信小程序(云开发模式)
2.创建成功后简单修改一下配置 app.json

保存后,pages目录下会自动生成chat

3.创建云函数chat(要确保安装了node.js,还要先开通云功能)


代表已经安装
新建云函数,右击cliudfunctios,新建Node.js云函数chat

在终端打开云函数根目录
安装request-promist,参考github:https://github.com/request/request-promise
然后修改chat云函数index.js文件
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
var rp = require('request-promise');
// 云函数入口函数
exports.main = async (event, context) => {
let msg = encodeURIComponent(event.key)
return rp(`http://api.qingyunke.com/api.php?key=free&appid=0&msg=${msg}`)
.then(function (res) {
console.log(res);
return res;
})
.catch(function (err) {
console.error(err);
});
}
这里有个坑要注意,请求api关键字真机调试不通过,要使用encodeURIComponent处理关键字。
4.部署云函数
右击我们创建的chat云函数,上传并部署。(此处选择云端安装依赖即可)
注意:每次修改云函数,都要重新上传
5.做完上述步骤,就开始写小程序界面了
因为用到了第三方组件,Vant 我们要安装一下。参考:Vant Weapp - 轻量、可靠的小程序 UI 组件库
模拟器界面是这样:

入坑微信小程序第一个小项目,有很多不足之处,请谅解。有好的建议欢迎评论哦!
源码以上传至github:https://github.com/yixinluobo/wxminiproject
欢迎关注wx公众号:python web小栈,共同探讨学习

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)