# school_wechat

**Repository Path**: matthua2/school_wechat

## Basic Information

- **Project Name**: school_wechat
- **Description**: 校园小情书前端代码，好玩的表白墙，告白墙，树洞，校园论坛
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-04-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

**部署好后台之后，需要部署前端小程序项目**

后台源码在这里：https://github.com/oubingbing/wechatAlliance

有空点一下左上角的start,谢谢。

#### 效果图

![](http://image.kucaroom.com/tmp/wx0f587d7c97a68e2b.o6zAJs3oh85Zb1lJE8oWix57vny0.bRrrxT8E9R8A3280bf2c92be9407e0d8c55edc628c3d.png)


#### 一、注册管理后台

**1、登录小情书站点进行注册：https://lianyan.kucaroom.com/**，这里换成你自己部署后的域名

**2、注册成功后会发送一封邮件到您的邮箱，进入邮箱访问接收到的地址即可激活账户。**

**3、登录账号会跳转到小程序的建立页面**

**4、如果提交没反应可以换个浏览器试试，因为选择学校的控制不匹配你的浏览器，改页面是有一个选择学校的搜索框的。**
![](http://article.qiuhuiyi.cn/FpYfEmcgT_M1KcRDWVCjRpkbkF0J)

小程序的名字必须和你微信注册的名称一模一样，然后选择你所在的学校，这个输入框是可以搜索的，要是没有您的学校您可以跟叶子说一下，叫他帮忙加上就可以了。填写完成之后提交就可以进入后台了。

注意：如果没有看到选择学校的输入框，请换另外一个浏览器试试，例如谷歌或者360浏览器。
![](http://article.qiuhuiyi.cn/FuxRaOWAbCI8c6TCLMcJ0QzMQFTJ)


生成的小程序需要审核通过才能获取到alliance_key和域名，叫叶子通过一下就可以了。管理后台就注册完成了。

#### 二、在微信小程序后台绑定小情书的域名
找到服务器域名配置，如下图

![](http://article.qiuhuiyi.cn/Fphrq_di6Jyw6FxtiXenpuRD8o4I)

    request合法域名
    
    https://lianyan.kucaroom.com //你的后台域名
    
    uploadFile合法域名
    
    https://up-z2.qbox.me
    
    https://lianyan.kucaroom.com
    
    downloadFile合法域名
    
    https://baldkf.bkt.clouddn.com 
    
    https://lianyan.kucaroom.com //你的后台域名

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

#### 三、拉取前端源码
前端代码存放在githubs上，地址是下面这个

https://github.com/oubingbing/school_wechat  //替换成你的后台域名

拉代码的时候顺便帮忙点一下start，哈哈。

有两种获取源码的方式

1、直接下载后解压
![](http://article.qiuhuiyi.cn/FtjNDjH3zWgf2-QV_I8t4X5JN-QV)

2、会使用git的最好用这种方式拉取，怎么拉取你应该是知道的，如果你会用，哈哈。

两种方式二选一都可以的。

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

![](http://article.qiuhuiyi.cn/FvZTN_-Liecbr1nalSlf1ZPPhjE2)

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

#### 此外，我们还需要用到一个七牛传图的第三方插件用于上传图片到七牛，这个插件挺好用的，只需要配置好七牛的token就可以上传图片了，下面我们来讲讲这个插件怎么添加到我们的小程序里面。
登录小程序后台，设置=》第三方设置=》添加插件=》搜索=》添加即可，使用改插件的最新版本即可。

![](http://article.qiuhuiyi.cn/FpSdNYu-aytly00isIR3XESXoU8r)

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

![](http://article.qiuhuiyi.cn/FhWpAp2c5gqlcISgqw1Nf-9nu8t1)

然后dev是开发环境，prod是生产环境，进行相应的配置即可。

到这里基本上配置就完成了

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