前言
万丈高楼平地起,好的项目也需要一个不高基础框架,有了好的框架才可以快速开发出优秀的应用。gofly快速开发框架 为软件开发企业和开发者提供给一个开箱即用软件开发工具,开发者下载安装后即可马上开发项目业务功能,无需自己搭建开发基础,也减少自己搭建的基础由于没有经过生产测试导致bug较多。使用一个稳定框架搭建基础可以帮我们省去很多开发时间,下面介绍一下用gofly框架提供微信管理插件快速搭建开发基础。
管理后台功能简述
不仅是接入微信api接口,我们还做了实用功能,可以减少你在微信开发中很多时间,而且很多接口我们封装好了,你只需调用函数传参即可,不用你自己去调试。就是模板消息发送,你只需调我们写到接口即可。
消息回复我们已经集成好了,你只需接入业务部分回复即可,我们也提供了回复业务接口扩展,微信的自动回复功能它不仅是传统的关键字匹配查找,它是把客户发送过来的内容做词语拆分,拆分词语也更加后台维护的回复关键字库作为拆分参考,分词后再与回答数据的关键字词比较,比较出多条回答数据,再从多条数据找到匹配度最高的那条数据作为回答内容。这样你自动回复功能不再是直接去数据库查找,找到就回复,没有就回复默认,无法理解更多语义,回答匹配就太局限。有可以更大范围理解语义后,你可以把系统业务数据作为回答问题数据源,这样系统客服就可以帮助人工做很多事情,例如我们疫苗系统,当用户问:“明天可以打乙肝疫苗吗”,我们判断出语义后就去系统找到明天乙肝疫苗有没有排号、乙肝疫苗库存还有吗、还有可以在判断用户的家庭成员是否有乙肝疫苗接种计划(如果找到后接种计划可以看看是否到接种时间等),这样我们系统可以从系统内部数据直接给客户回答,而且这部分回答即使是人工客服也是得去系统查看才能回答,系统把这个部分功能做了是最合理的,也是系统价值体现地方。扫一扫下面测试号体验自动回复功能。
公众号H5模版
在线体验:https://bs.goflys.cn/#/home 请求复制链接到微信测试微信授权登录,框架已经把开发需要基础功能集成好了,拿来你就可以接着开的新的业务功能,我们把路由router(登录验证)、数据存储store、封装了axios的http请求,api接口请求(演示接口已经把各个场景的接口都写一个给大家参考,如获取数据、图片文件上传的等),框架把账号密码登录和微信登录都给大家做好。项目下的README.md业务使用说明。
更多说明:
1.引入依赖
axios、pinia、less、md5、vant4,vue3、vite5、vue-router4
2.路由管理
新增的路由建议加载src\router\routes\modules下创建对应views下面目录文件,文件自动加载无需引入,例如my用来增加my类的页面路由。你也可在src\router\index.ts中直接添加。
路由中的meta下requiresAuth字段是控制也是是否需要登录才可以打开,为true时是需要登录后才能进入如设置页,false不需要登录授权如首页。
3.api接口和http请求
已经在src\utils\http中为大家封装了http请求,大家直接参考src\api下的ts文件类似添加新文件,请求接口。我们已经为大家接首页轮播接口(无需Token验证),账号密码登录和微信公众号授权登录,个人中心->设置中头像上传和修改个人信息接口。大家在开发时根据业务情况参考我们已经开发好的接口开发新的业务接口。
http请求请求头已经添加接口合法性验证参数,需要修改验证字符串在.env文件内修改。
小程序模版
小程序已经为大家集成好:http请求后端接口(接口验证,token),有个无token验证请求接口、有小程序登录获取token和用户信息、获取用户信息请求接口、更新用户信息、上传图片接口、引入阿里iconfont彩色图标。模版已经做好基础规则验证可以让你马上就开发业务。我们为大家提供的是微信官方原生开发的模版,如果需要使用uniapp请区到uniapp插件那个安装使用,本插件我们是提供原生开发,其实原生开发等你熟练以后开发速度并不比uniapp慢,而且包的代码量会更小,适配及性能更容易提升,后期更容易维护。uniapp的一套代码多端运行,试问您有几个项目是一套代码多端运行呢。所以还是精致的把每一个项目做到最优吧!
1.请求配置
配置文件在:miniprogram\utils\config\index.ts下配置,开发时ENV=dev,发布时把ENV=prod,对应值在envConfig中配置好的。
// 基础共同的配置
let baseConfig = {
// 环境
ENV:'dev',//开发
// ENV:'prod',//生产
API_SECRET: "gofly@888",//#api接口请求验证
}
//环境文件
let envConfig = {
dev: {//开发
// host: 'http://192.168.31.49:8200/weixinapp',//本地ip-局域网可访问、可在手机上手测试-开发时配置自己局域网的ip
host: 'http://127.0.0.1:8200/weixinapp',//本机测试可用
domain: 'http://127.0.0.1:8200',
},
prod: {//生产配置
host: 'https://bs.goflys.cn//weixinapp',
domain: 'https://bs.goflys.cn',
},
} as any
2.阿里iconfont图标使用
到阿里图标官网,创建自己图标库,项目配置如下,然后选择Symbol类型,生成后复制链接。
再把复制的链接替换到iconfont.json文件symbol_url中
{
"symbol_url": "//at.alicdn.com/t/c/font_4619991_y01kogae759.js",
"save_dir": "./miniprogram/components/iconfont",
"use_rpx": true,
"des":"更新iconfont执行:npx iconfont-wechat ",
"trim_icon_prefix": "",
"default_icon_size": 18
}
最后在项目根目录终端运行:npx iconfont-wechat 命令到此icon图标就可以用了。
使用方法:
<iconfont size="45" color="#ffffff" name="shezhi"></iconfont>
3.小程模板预览
模版已经内部开发所需基础写好了,下载弘扬直接可以开发业务了,下载后记得 yarn install 一下。
使用方法
- 下载gofly企业版框架,如果使用请到gofly社区下载框架代码:GoFly全栈开发社区-Go快速开发后台系统框架
- 安装
- 到business后台下的->开发者工具->代码仓库找“微信应用开发基础包(含底座模版)”点击安装如下图
- 下载公众号的web\h5模板和小程序模板