小程序完整开发流程

小程序完整开发流程

一、小程序申请、信息完善与开发前的准备

1、小程序申请

申请小程序的流程可以简单分为以下4步,详细流程请参考以下链接:

https://developers.weixin.qq.com/miniprogram/introduction/

图片1.png

2、完善小程序信息

完成注册后,此时,

a、选择对公打款的用户,完成汇款验证后,可以补充小程序名称信息、上传小程序头像、填写小程序介绍并选择服务范围。

b、选择通过微信认证验证主体身份的用户,需先完成微信认证后,才可以补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围。

小程序的服务类目选择,参考以下链接,这里需要注意一下选择服务类目所需要的证件。

https://developers.weixin.qq.com/miniprogram/product/material

3、开发前的准备

A、绑定开发者

个人主体小程序最多可绑定5个开发者,10个体验者。

未认证的组织类型小程序最多可绑定10个开发者,20个体验者

已认证的小程序最多可绑定20个开发者,40个体验者。

(1)添加项目成员

操作步骤:进入小程序后台,管理-成员管理,搜索微信号,勾选所有权限。添加时需要小程序管理员扫码。

(2)添加体验成员

体验成员可以访问体验版小程序,没有其余权限。【注:小程序分为开发版(管理员与项目成员可以访问)、体验版(管理员、项目成员、体验成员可以访问)、线上版(所有人均可进行访问)】

操作步骤:进入小程序后台,管理-成员管理,搜索微信号,管理员和项目成员均可进行扫码添加。

图片2.png

B、服务器域名配置

开发-开发设置,按下图进行服务器域名的配置,只需配置前四个,udp合法域名不需要配置。【关键词:xcx.momayun.cn】

图片3.png

C、获取小程序的信息

设置-基本设置,最底部可以查看原始ID和AppID。

图片4.png

开发-开发设置,获取AppSecret,生成后进行保存。

图片5.png

二、小程序认证

政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。企业类型帐号,可以根据需要确定是否申请微信认证,已认证帐号可使用微信支付权限。个人类型帐号暂不支持微信认证。

1、认证入口

登录小程序-设置-基本设置-微信认证-详情。

图片6.png

2、微信认证流程

认证完成之后的小程序的权限:已认证小程序账号可申请微信支付功能;已认证小程序可绑定最多20个开发者,未认证小程序可绑定最多10个开发者。

以企业【营业执照的类型为“有限责任公司(自然人独资)”】和个体工商户【营业执照的类型为“个体工商户”】为主体类型的微信认证较为常见。

小程序微信认证流程指引参考链接:

https://kf.qq.com/faq/170109F7ZVzq170109MnQRNN.html

三、微信商户号申请

微信支付商家面向企业、个体工商户、政府及事业单位、民办非企业、社会团体、基金会类型商户开放。

1、企业类型申请微信支付

企业接入微信支付,必须有营业执照,且营业执照上的主体类型一般为个人独资企业、合伙企业、有限公司、有限责任公司。

申请资料:

(1)营业执照:彩色扫描件或数码照片

(2)组织机构代码证:彩色扫描件或数码照片,若已三证合一,则无需提供

(3)法人身份证:彩色扫描件或数码照片

(4)对公银行账户:包含开户行省市信息,开户账号

提交资料流程指引:https://kf.qq.com/faq/180910aYF77n18091073a6Jj.html(提交资料的过程中选填部分的资料可以不用填)

2、个体工商户类型申请微信支付

个体工商户接入微信支付,必须有营业执照,且营业执照上的主体类型一般为个体户、个体工商户、个体经营。

申请资料:

(1)营业执照:彩色扫描件或数码照片。

(2)法人身份证:彩色扫描件或数码照片。

(3)对公银行账户/法人对私账户:包含开户行省市信息,开户账号。

提交资料流程指引:https://kf.qq.com/faq/180910eUfeyu180910BFZNJN.html(提交资料的过程中选填部分的资料可以不用填)

四、微信商户号与小程序绑定

当微信审核通过完成之后,需要前往小程序进行确认授权申请。

点击“微信支付-商户号管理”,查看相关商户号信息,确认授权申请。

图片7.png

五、微信小程序信息与魔码云平台对接

登录魔码云,点击进入小程序后台,对要操作的小程序点击“前往管理”,进入魔码云后台。

系统-基础配置-小程序相关配置,将小程序原始id、微信小程序AppId、微信小程序AppSecret、普通商户商户号(不需要支付可不填)、微信支付秘钥(点击“生成新的密钥”,随机生成)、门店名称填写完整,最后保存。【小程序的信息的获取方法参考上文】

图片8.png

六、支付配置

A、产品中心中确保开通JSAPI产品。

B、需要在电脑上安装操作证书,确保电脑环境安全。

C、将魔码云系统的“微信支付密钥”粘贴到“微信商户后台”-“账户中心”-“API安全”-“API密钥”中。

D、证书配置,“微信商户后台”-“账户中心”-“API安全”-“API证书”根据步骤申请证书,将证书对应粘贴到魔码云系统-分销-分销提现管理-提现设置即可。

图片9.png

七、在魔码云平台进行小程序制作

具体方法参考魔码云线上教程微信小程序部分,指引链接:

http://www.momayun.cn/portal/list/index/id/3

八、上传代码至微信公众平台进行预览与审核

当制作好小程序之后,可以在手机端进行预览与上传至微信审核。

1、预览

魔码云系统后台,系统-上传审核,填写版本号,扫码,就可以在手机端上预览到了。(预览之后的小程序版本为开发版小程序,开发版本只有小程序的管理员与具有开发权限的项目成员可以访问)

图片10.png

出现预览不到的情况,需要检查以下3步是否都设置了,检查核对之后再次上传预览。

A、编辑模板界面,页面设置-底部菜单设置,选择“默认底部菜单”。

图片11.png

B、启用底部菜单,设置菜单栏背景色、菜单栏背景颜色、菜单栏横线颜色、菜单栏文字颜色、选中文字颜色以及底部按钮。

图片12.png

C、DIY-DIY设置-基础设置,选择“DIY首页”。

图片13.png

2、上传至微信审核

与上一步“预览”是同一个操作路径,填写完版本号、扫完码之后,这时候需要去微信公众平台小程序后台,管理-版本管理,可以看到刚刚上传的版本。可以提交审核和选为体验版本(小程序的管理员、项目成员、体验成员可以访问)。

开发版本提交之后,会出现在“审核版本”那一栏中,当审核版本通过之后,将其选择为线上版本就可以了。