技术小白的微信小程序搭建之路(六:前端设置)

(1)前端源码

正版的后端源码有开通微信三方平台功能后直接后台上传功能,但是淘宝买的这些源码绝大部分是不能用的,所以需要通过前端“微信开发工具”进行上传。

首先我们得开通微信小程序账户,跟域名注册主体要一致,并进行实名认证,获取APPID序列号和密钥,

同时小程序代码上传密钥要获取到,建议同APPid等保存到一个记事本中备用

同时建议关闭IP白名单,就像下面一样灰色状态。

其次,将备案好的域名进行填入下方服务器域名中,同时业务域名也要进行设置,先下载校验文件,通过宝塔面板上传到域名文件夹下,填写域名到下方并点击下+号,保存。如下图。

(5)通过小程序开发工具修改一些链接参数,并上传前端代码到微信平台进行审核,如下图,点击+号,进入第二个图,先选择前端代码所在的文件夹(选择文件夹),如果发过来的是压缩包先解压,然后可以先选择测试号,点确定进入调试界面,调试后再切换正式账号


打开后界面是这样的,一般都按照微信小程序的结构来的,这个里面的代码程序我也一个也看不明白,刚打开的时候是不显示左侧图片内容的,我搜遍了所有视频和百度了N多教程,没有一个详细说这块怎么弄的,但几个视频中提到了修改代码中的一些链接地址为自己的域名地址,我预估的逻辑是这样的:前端代码很简单只是大框架,没有具体内容,具体内容是调取后台数据,这样肯定是需要通过后台的具体地址进行调取数据的,所以得找出哪个地方有链接地址,本着这个思路我就搜索代码中包含https://的内容,如下图第二张,我搜出的链接地址很像链接后台的地址,这里面的siteroot apiroot,我虽然不知道啥意思,但我肯定有用,所以我就把涉及域名的地方改成我自己的域名,其他地方没有修改(只改域名部分),神奇的地方发生了,左侧出图了。根据这个里面的各项功能,我就猜着弄,编译预览。

我遇到一个问题:碰网络错误,然后百度搜索问题,网络提供了解决办法:在详情中选择本地设置,勾选不校验合法域名、***,我心里也没底,这种错误能否不修改代码解决,最终结果证明上线后没问题,关于试验账户切换到正式账户的办法,在详情-基本信息--appid修改位置进行修改选择正式id后就会出现上传按键,点上传,根据要求上传即可。


关于上传审核的几点提示:首先你要在小程序“服务类目”中提前设定经营类目,并上传相应的资质文件,比如需要前置许可的证件,在小程序管理后台上传商品时要符合规范,不用用测试类商品进行报审。

如果出现不合格的地方审核员会退回并指出问题,修改后再上传继续审核,审核通过后即上线成功。

上线成功后不一定代表小程序完全没问题,要走一步购买流程,甚至退款退货流程,看下支付功能是否完整,然后测试你经营需要的各类功能是否正常,如果各项功能正常,即可推广使用了,各类破解版最是不会十全十美,只要不是严重的BUG,一些影响美观或者细枝末节类的小BUG自己运营中规避就行了。

一个小程序完全搭建完成。

简单梳理下所需费用:

1、服务器购买费用(年度)根据配置不同,价格也不同,个人觉得前期使用量不高的情况下,一年几百块钱的服务器就够用了。

2、域名购买费用(年度),根据域名级别,十几块到几百甚至十几万的都有,域名也是需要续费的。

3、源码购买费用,这个差别大,咨询过正版源码(十万以上的价格),淘宝上100-1000的都有,也分不同的服务。

4、短信服务费,不是必须根据需要,我买了一个给H5商城用的一个短信验证码费用,阿里搞获得5000条/25元,用量越大支付费用越高。

原文链接:,转发请注明来源!