小程序注册、备案、认证及微信商户支付账号注册全流程

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

02小程序信息完善

注册完成以后登录,填写小程序信息,包括名称、头像和介绍。类目先不用管,不同类型的小程序,类目也不同。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

03小程序备案

填写相关信息提交审核即可,可以参照域名备案,信息填写越简单越好。审核时间2-3天。

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

04小程序认证

企业认证费用300元,个体户和个人主体30元。认证以后才能开通线上支付功能。填写相关信息提交审核即可,期间会接到官方电话核对信息,注意接听。认证时间1-2天。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

前期准备6:微信商户支付账号

01账号注册

使用浏览器搜索“微信商户支付平台”,在首页右上角点击“接入微信支付”,选择“注册微信商户支付号”。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

02填写注册信息

填写姓名、营业执照等信息后提交。

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

03开通支付产品

注册完成后,进入“产品中心”,开通3个支付产品。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

04设置APIv3秘钥

从“账户中心”进入API安全页面,点击设置APIv3秘钥。设置一个32位的秘钥 (数字和大小写字母),妥善保管并且不要泄露给他人,后期会用到。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

05申请新证书

从“账户中心”进入API安全页面,找到“管理证书”,点击“申请新证书”,按照指引下载证书工具。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信商户支付账号注册教程_应用商店源码_微信小程序备案流程

06下载证书文件

在证书工具中填写商户号和企业名称,获得请求串,将请求串复制粘贴到网页中,获得证书串,将证书串复制粘贴到证书工具中,提示证书申请成功,生成了一个zip压缩文件,打开是3个证书文件。

PS1:这里有点绕,别怕,我给你解释:但其实很简单,就是一个网页和工具相互验证密码并匹配的过程。

PS2:这三个证书和上面的32位秘钥,就是我们对接微信支付的关键,在小程序后台填写上传即可完成对接。

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

后端搭建1:域名解析

01二级域名介绍

前面我们讲过域名格式为XXXX.YY,解析时我们只需要在域名前加上AA.。解析出来的二级域名格式就是AA.XXXX.YY。AA可以自定义,所以一个域名,能够解析出无数个二级域名。我们后面搭建小程序或网站,都需要解析不同的二级域名。

02二级域名解析

在腾讯云官网首页右上角进入“控制台”,点击“域名注册”进入管理面板。找到“我的域名”,点击“解析”。主机记录就是自定义的数值,记录值是你的服务器IP地址。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

后端搭建2:新建站点

01宝塔环境

登录宝塔面板,在左侧导航找到“软件商店”,搜索安装数据库5.6和PHP7.4版本。同时在PHP中安装拓展fileinfo redis。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

02宝塔添加站点

在腾讯云官网首页右上角进入“控制台”,点击“域名注册”进入管理面板。找到“我的域名”,点击“解析”。主机记录就是自定义的数值,记录值是你的服务器IP地址。

微信商户支付账号注册教程_应用商店源码_微信小程序备案流程

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

02宝塔新建站点

打开宝塔面板,点击“网站”,选择“添加站点”,填写解析的二级域名,数据库版本选择5.6,PHP版本选择7.4。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

后端搭建3:上传后端源码

01删除默认文件

点击网站根目录,删除后默认文件。

微信商户支付账号注册教程_应用商店源码_微信小程序备案流程

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

02上传源码

在根目录下点击“上传”,选择后端源码文件,上传后进行解压。(需要源码的朋友请在评论区扣“源码”,然后找我领取即可)

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

后端搭建4:设置运行目录

01进入站点管理

在左边导航点击“网站”,再点击二级域名。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

02网站目录设置

点击“网站目录”,将“运行目录”设置为“/public”,然后保存。

微信商户支付账号注册教程_应用商店源码_微信小程序备案流程

后端搭建5:申请SSL证书

01进入站点管理

在左边导航点击“网站”,再点击二级域名。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

02申请免费证书

点击“SSL”,选择“Let' Encrypt”,勾选你的域名,点击“申请”。申请成功后,勾选“强制HTTPS”,然后保存。免费申请的证书90天一签,超时前来宝塔面板续签即可。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

后端搭建6:后台程序安装

01获取数据库名、用户名和密码

在宝塔面板左侧点击“数据库”,可以复制数据库名、用户名和密码。默认情况下,数据库名和用户名是一样的。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

02开始安装后台

在左边导航点击“网站”,再点击二级域名,进入后台安装。

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

03填写数据库名、用户名和密码

在后台安装页面填写数据库名、用户名和密码,然后点击“开始安装”。

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

04进入后台管理

安装成功后,即可跳转到商城小程序控制后台,在后台可以进行店铺装修、商品上架等功能设置。后台地址为https://www.你的域名.com/admin,默认账号admin,密码yinghuo,可在后台自行修改。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

后台配置1:合法域名设置

01登录微信公众平台

在浏览器搜索“登录微信公众平台”,扫码进入小程序设置界面。在左边导航栏点击“开发管理”。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

02修改服务器域名

在开发管理中,找到服务器域名,填写为你的二级域名。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

后台配置2:小程序Appid和密钥

01获取小程序Appid和密钥

在“微信公众平台”左边导航栏点击“开发管理”,可以看到小程序的Appid,相当于小程序的身份证。点击“生成”,可以生成小程序密钥。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

02设置小程序Appid和密钥

在登录商城小程序管理后台,点击“小程序设置”,将获取的小程序Appid和密钥复制粘贴在此。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建1:下载Hbuilderx

在浏览器搜索“Hbuilderx”,点击下载安装即可。安装完成后打开Hbuilderx工具。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建2:导入前端源码

在HBuilderX顶部菜单栏点击“文件” ,点击“导入”,选择“从本地目录导入”,导入商城小程序前端源码文件。

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建3:修改域名网址

点击前端源码中的config.js文件,找到里面的apiUrl项,填入你自己的二级域名,并保存文件。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建4:获取应用标识

点击前端源码中的manifest.json文件,选择基础配置,重新获取uni-app应用标识。

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

前端搭建5:填写小程序Appid

点击前端源码中的manifest.json文件,选择微信小程序配置,修改为你的小程序Appid。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建6:下载微信开发者工具

浏览器搜索“微信开发者工具”,选择稳定版进行下载安装。安装完成后,微信扫码登录。

微信商户支付账号注册教程_微信小程序备案流程_应用商店源码

前端搭建7:打包发行微信小程序

在HBuilderX工具顶部菜单栏点击“发行”-,选择发行“岛小程序-微信”。等待一段时间后,会自动跳转打开微信开发者工具。

应用商店源码_微信小程序备案流程_微信商户支付账号注册教程

前端搭建8:上传源码

微信开发者工具打开后,点击“编译”,如果左侧能够正常显示小程序页面,说明我们之前搭建没有问题,点击“上传”。

微信商户支付账号注册教程_应用商店源码_微信小程序备案流程

审核发布1:设置小程序类目

到这一步,我们的小程序已经基本部署完成,现在只需要设置一下小程序的类目,然后提交审核就可以了。登录微信公众平台,在左侧导航栏找到“设置”,选择小程序的类目就行。根据你商城的主营产品来选择对应的类目就行。

应用商店源码_微信商户支付账号注册教程_微信小程序备案流程

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

审核发布2:提交审核

在微信公众平台左侧导航栏找到“版本管理”,我们从微信开发者工具上传的源码会出现在“开发版本”这里,直接点击“提交审核”就行。每个小程序每年有一次加急审核的机会,勾选后官方会在两个小时内完成审核。如果审核没通过,就按照官方的指引修改后重新提交即可。

微信小程序备案流程_应用商店源码_微信商户支付账号注册教程

审核发布3:发布小程序

审核通过后,官方会通过微信向我们发送信息。然后登录微信公众平台。在版本管理中找到审核版本,点击发布就行。

微信小程序备案流程_微信商户支付账号注册教程_应用商店源码

写在最后

到此,恭喜你,你拥有了一个属于自己的微信商城小程序,也掌握了一个新的赚钱技能。今后,你也可以通过宝塔面板,尝试搭建更多不同类型的小程序或者网站,推开一扇有趣又有意义的大门。

好了,本期内容到此结束,如果你在搭建过程中有什么问题,欢迎随时与我进行交流,一起学习进步!

阅读剩余
THE END