收藏
评论

校园表白墙小程序(校园小情书)

这是一个校园表白墙小程序,有表白墙、卖舍友、步数旅行、情侣脸和私信等功能模块。


效果图如下:












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

有问题可以联系叶子:13425144866

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

一、注册管理后台

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

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

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

4、如果提交没反应可以换个浏览器试试,因为选择学校的控制不匹配你的浏览器,改页面是有一个选择学校的搜索框的。

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

注意:如果没有看到选择学校的输入框,请换另外一个浏览器试试,例如谷歌或者360浏览器。

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

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

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

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、直接下载后解压

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

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

四、配置前端。

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

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

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

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

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

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

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

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

最后一次编辑于  2019-03-06
收藏

5 个评论

  • Max
    Max
    2019-09-12

    审核不通过咋办啊



    2019-09-12
    赞同 2
    回复 2
  • 叶子
    叶子
    2019-03-06

    可以扫码体验



    2019-03-06
    赞同 1
    回复 1
    • $¥
      2020-09-15
      QQ小程序也可以么?
      2020-09-15
      回复
  • 壹零零捌。
    壹零零捌。
    2022-04-18

    小程序审核不通过怎么办


    2022-04-18
    赞同
    回复
  • 壹零零捌。
    壹零零捌。
    2022-04-18

    小程序审核不通过怎么办


    2022-04-18
    赞同
    回复 1
    • 晚安
      晚安
      发表于移动端
      2022-06-26
      您好 请问这个怎么搭建
      2022-06-26
      回复
  • 󠀋
    󠀋
    2019-12-08

    后台搭建完全看不懂

    2019-12-08
    赞同
    回复 3
登录 后发表内容