（上篇）校园小程序前端部署教程-优雅草老八写

首先注册管理后台，这里也可以使用优雅草官方架设的平台，技术支持：bbs.优雅草的官网（避免广告嫌疑）

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

注册登录后创建小程序

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

在微信小程序后台绑定小情书的域名

找到服务器域名配置，如下图

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

request合法域名

http://adminn.youyacao.com //你的后台域名

uploadFile合法域名

https://up-z2.qbox.me

http://adminn.youyacao.com//你的后台域名

downloadFile合法域名

https://baldkf.bkt.clouddn.com

http://adminn.youyacao.com //你的后台域名

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

这样子微信小程序就和后台服务器绑定好了。

下载前端源码：【新提醒】校园小情书前端代码/小程序源码 - 仅前端，后端教程撰写.... - 源码【分享】 - 优雅草源码论坛-PHP源码|源码分享|源码论坛|免费源码 (youyacao.com)

去详情修改你的APPID

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

用微信开发者工具打开源码后在项目根目录的config.js进行如下配置。

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

只要替换好后台生成的alliance_key以及在腾讯地图开放平台注册一个账号，把开发者ID粘贴到const TX_MAP_KEY = '';就可以了。

此外，我们还需要用到一个七牛传图的第三方插件用于上传图片到七牛，这个插件挺好用的，只需要配置好七牛的token就可以上传图片了，下面我们来讲讲这个插件怎么添加到我们的小程序里面。

登录小程序后台，设置=》第三方设置=》添加插件=》搜索=》添加即可，使用改插件的最新版本即可。

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

对比一下插件版本号，看看是否是最新的版本，如果不是就在app.json里面填上最新的版本号即可。

清除全部缓存，然后再点编译，项目应该就没问题了可以运行了。