MENU

小程序云开发,纯前端实现婚礼邀请函

July 18, 2019 • Read: 612 • 源码分享,技术分享

此小程序教程希望你一生只用一次

前言

一个好朋友快要结婚了,所以我就帮他做了一个小程序的邀请涵。大概包含:图片、电话、地图、音频、视频、祝福评论。这个小程序是我前段时间从掘金看到的,当时想着以后一定能用上。就收藏起来了,果不其然现在就派上用场了!有兴趣的可以预览一下:(这是原作者的)

小程序码

这个功能比较全面,有出席 祝福 分享喜悦。而我做的是没有出席的!因为当时我下载的不是这套代码,而我下载的那一套却有一些bug,我也没有做过小程序啊,只好把bug代码删除掉!整体来说也算可以吧,毕竟当事人还挺满意的!

准备工作

mpvue框架(mpvue官方文档)
小程序·云开发(小程序·云开发文档)
注意:使用mpvue前,首先你得先熟悉vue框架的基本使用

1.安装nodejs(教程)
2.注册一个小程序号(官网)
3.下载微信web开发者工具(官网)

以上工作都准备好后开始教程,注意小程序现在审核非常严格。我选择的类目是教育-在线教育,一次审核通过!而选装婚庆类目三次没过,最后放弃!

1.导入项目,并开启云开发(按照官方说法10分钟左右生效)
2.创建集合(字段),分别是msg,present,user,usergreet,weddingInvite并导入json格式数据
3.在src/service/config/index.js第二行填写你的云开发环境ID
4.使用云函数前,在开发者工具上,找到messageList目录,右键如图:
上传部署.png

5.打开cmd启动项目,打开微信工具看看是否启动成功。

启动代码

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

6.如果启动成功后,你就可以根据自己的情况修改啦!

总结

1.云开发是免费的
2.数据库集合名首先必须要建立
3.数据库集合为空时,这里本人没有处理细节,会报错,先通过使用自己的小程序写入一条数据,错误就可以解决了
4.云函数新建后一定要创建并安装依赖
5.如果担心有些评论不太友好希望有删除功能,可以给自己开放权限,在每条评论加一个删除按钮,仅自己使用的时候通过唯一的openid控制删除按钮为可见,其他人不可见,从而来管理留言列表
6.数据库建立集合后记得将权限放开,如下图:
168305bc7c22e861.png


数据文件在data目录下!有问题也可以在下面留言哦!
项目下载

Last Modified: November 7, 2019
Leave a Comment

11 Comments
  1. Dream Dream     Android Pie /    QQ浏览器

    好东西::quyin:1huaji::

    1. AnJL AnJL     Windows 10 /    Google Chrome

      @Dream必须的::quyin:1huaji::

  2. 刘大喵 刘大喵     Windows 7 /    FireFox

    好东西 @(捂嘴笑)

    1. AnJL AnJL     Windows 10 /    Google Chrome

      @刘大喵那必须的,结婚用这个通知或者宣传还是不错的

    2. AnJL AnJL     Windows 10 /    Google Chrome

      @刘大喵话说你的博客已经好久没有更新了,最近我也懒了,工作太忙

  3. 哥斯拉 哥斯拉     Windows 7 /    Google Chrome

    羡慕会自己开发小程序的

    1. AnJL AnJL     Windows 10 /    Google Chrome

      @哥斯拉#(高兴)没有没有,我只是修改一下。部署上线而已

  4. Escher Escher     Windows 10 /    Google Chrome

    一生只用一次怎么够?开发测试就用了上千次@(捂嘴笑)

    1. AnJL AnJL     iPhone /    Safari

      @Escher哈哈哈,我说正式版只用一次@(滑稽)

  5. 执迷不悟 执迷不悟     Windows 10 /    Google Chrome

    微信连年轻人的婚礼都能影响的现实表现,可怕

    1. AnJL AnJL     Windows 10 /    Google Chrome

      @执迷不悟随着互联网发展,不跟着节奏走不行啊。就落伍了!