搭建社区团购微信小程序的完整教程(全过程记录)

自认识微信小程序以来,一直有一个从0到1完整搭建一款全栈小程序的心愿,这次终于圆梦了。包括从前后端代码,到购买服务器,到购买域名,备案域名,注册小程序,一直到最终上线。踩了一些坑,但总体来说还比较顺利,因此决定将整个过程分享给所有想要搭建全栈小程序的小白或入门从业者。希望能带给大家一些实质性的经验和帮助。本篇文章的思维导图如下:


一、社区团购介绍

社区团购已经红遍大江南北,是依托真实社区的一种区域化、小众化、本地化的团购形式,通过社区团长为周围(社区内)居民提供的团购形式的优惠活动,以微信为依托,小程序为团购平台。目前做的比较好的比如邻邻壹、极客农场等。话不多说,今天就要为大家分享这款社区团购电商类小程序的全栈搭建流程。


二、准备工作

1、 服务器

首先必备一台服务器,现在市面上的选择也比较多,可以进行购买,例如阿里云,腾讯云等等,有不同的套餐可供选择,不同的套餐对应不同的服务器性能,计费方式一般是按月、年甚至流量等,如果是新注册用户,这两家都可以免费试用,一般个人是一个月,企业的话可以是半年甚至一年,当然免费给你试的是性能很一般的服务器,但做测试完全足够。我个人免费注册了一个阿里云企业级的,试用6个月,美滋滋。

阿里云
腾讯云

2、域名

2.1 域名注册:

阿里和腾讯云平台都可以注册购买域名,有很多后缀可以选择,当然价格也不一样,我在腾讯云买了一个.com的,一年是59RMB,买完之后一定要进行实名认证,只要提供相应材料很快会通过审核。

2.2 域名备案:

小程序要求使用的域名必须经过备案。实名认证通过后就可以备案了,备案的平台也有很多选择,建议在哪个平台购买的域名就使用哪个平台的服务器,以及在该平台进行备案。我恰恰就入了坑,域名是在腾讯云买的,由于之前注册过个人的免费服务器,因此再享受不了腾讯云免费的,所以就在阿里云注册申请了免费服务器。这样一来,域名在腾讯云,服务器在阿里云,都不知道可不可以,反正开弓没有回头箭,就先试试再说,事实证明是完全可以的。但一般服务器和域名备案需要在同一个平台做,我就在阿里云备案了。备案不是很难,下载阿里云的APP,直接在手机上就可以提交材料,完成备案,十分方便。

人生的第一次备案:过程相对比较漫长,首先是提交各种材料,以及各种认证。提交完成后,会显示云服务平台预审核,审核过程中还给我打了电话核对了信息,这个过程用了2天。通过后,再提交管局审核,这一步是最重要一步也是最漫长的一步,预计6到20天,我用了14天,有的人据称3天就就通过。总之时间不统一,耐心等待...但电话要保持畅通。

2.3 域名解析:

域名备案成功后,一定要解析到你的服务器,这样才可以通过域名访问你的网站。解析这个过程坑了我好长时间,由于我在腾讯云买的域名,服务器和备案都在阿里云,以为就要在阿里云解析,但死活找不到解析的入口,最后请教大神之后才知道,在哪里买的域名,就要在哪里解析(除非迁移域名,但麻烦)大家一定记住啊,因此,我就在腾讯解析了,解析完,等个几分钟,就可以进行域名访问了。Nice!域名解析这个问题也就解决了。

2.4 申请SSL证书:

做小程序我们必须给域名申请SSL,也就是说,你的域名要能进行https的访问。申请证书有付费的,有免费的,免费的支持的业务少一点罢了,我申请了免费的,可以直接在腾讯云进行申请,十分钟后就可以生效。


三、后端搭建

要求php 7.2,Nginx 1.14以上,MySQL 5.6,开通redis(php扩展)安装时系统会自动检测环境使用分享海报,必须安装:imagemagick(php扩展)

3.1 安装宝塔面板:

宝塔面板链接:https://www.bt.cn

它是一个非常简单好用的服务器运维面板,很多开发者都在用。安装过程也非常简单,在主页点击“立即安装”,会有详细的安装过程,使用SSH连接工具即可(我用的是putty)。安装好宝塔面板之后,会给你登录链接和密码,一定要拷贝下来保存好。

在浏览器登录即可。然后一键安装php\Ngnix\ MySQL等。

3.2 安装后端系统:

下载好后端系统源码,解压上传到站点根目录,然后访问域名:http://你的域名/Install,填写数据库名称,数据库用户名,密码。设置登录账号,密码,邮箱。点击创建数据库安装系统(几十秒左右)。安装完成,就可进入小程序后台:http://域名


四、前端搭建

4.1 注册微信小程序:

准备一个没有注册过小程序的邮箱,一般是qq邮箱,没有的同学注册一个qq号开通即可,然后注册微信小程序,这里有一个小技巧,如果你已经有认证的公众号,可以直接在该公众号里注册小程序,可以免去认证费用。

4.2 安装微信开发者工具:

直接登录微信公众平台,下载最新的开发工具版本。

4.3 配置域名:

打开微信开发者工具,导入项目,填写小程序APPID,修改congfig,把接口域名改为你的域名。然后在小程序公众平台中设置你的服务器域名,业务域名。然后上传。

4.4 申请微信支付商户:

由于小程序需要开通支付功能,以微信支付为例,申请微信支付,选择注册微信支付商户后,填好相关材料后,开始申请,我等了一个工作日就通过审核了,然后将你申请的商户号和小程序进行绑定。然后登录微信支付:https://pay.weixin.qq.com,设置api密钥,设置api证书,设置的密钥和证书一定要保存到自己的电脑里,以备后面使用

4.5 小程序设置:

现在后台设置小程序APPID和密钥,然后设置微信支付商户号,密钥配置,api证书上传

4.6 设置为体验版进行测试:

进入小程序公众平台,点击版本管理,选为体验版,管理员扫码体验并测试


五、总结与源码

终于搭建完成了!!!通过这款微信小程序的全栈搭建,虽然遇到了一些困难,但最终都一一解决了,每一个环节的落实,都让我获益匪浅,也获得了各方面的经验技巧。希望这次搭建微信小程序全过程的记录能给大家带来一些帮助。对微信小程序感兴趣或正在学习的小伙伴,可以尝试下全栈的开发部署。有什么问题,大家也可以私聊。我们一起学习。

小程序源码在我之前文章中发过,也可点击文章最后的链接获取,除了包含前后端源码,还有更加详细的安装教程(包括文档和视频),小白也可直接搭建。

2020全网最新各类微信小程序源码(含前、后端)

                          -END-

你可能感兴趣的:(搭建社区团购微信小程序的完整教程(全过程记录))