微信小程序从开发上线要经历的步骤较多,以我最近的开发经验来来给大家梳理一下 首先要了解小程序都包括哪些需求点,定位小程序的内容,对小程序进行分类。目的是在我们后续申请小程序经营类目时有个提前的认识(如果选择的小程序经营类目不正确,则无法上架)。如果您的小程序内容比较简单,那么整个上架的步骤也会非常简单,如果小程序内容比较复杂,比如涉及到支付功能,那么就必须要进行认证。在微信公众平台中,小程序开放的注册范围包括个人、企业、政府、媒体等,一般如果我们是给企业做项目,那么一般是注册小程序企业账号,那么我们就以常用的企业小程序来展开描述:
2.2、填写账号信息:请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱
2.4、填写主体信息:点击激活链接后,继续下一步注册流程。完善主体信息和管理员信息
填写主体信息,主体类型选择“企业”,并选择主体验证方式–微信认证。(提示:通过微信认证的小程序可以使用微信支付功能),主体信息一般需要填写单位企业的名称。
填写管理员信息(提示:小程序设置过程中需要多次使用管理员微信扫码,注册成功后,管理员可以更换)如果您的小程序接入了微信支付,这时候需要进行微信认证,微信认证后会开放更多的接口权限供开发者调用,企业类型小程序微信认证需要提交相关认证材料:组织机构代码、营业执照照片。
3.1登录小程序后台,“首页-小程序发布流程-微信认证-认证” 进入微信认证页面:
1、签署《微信公众平台认证服务协议》,勾选同意,点击下一步。
2、填写资料:选择认证主体类型,提交相应的认证材料。
3、发票填写:支持电子发票和纸质增值税专用发票,其中增值税专用发票还需提交《税务登记证》(办理三证合一的企业直接上传新的营业执照)、《银行开户证明》,审核公司会对资质进行审核。资质审核通过后由腾讯公司开具并寄送发票。发票资料提交后不能修改;微信认证完成后(包括认证成功和失败),腾讯会在认证审核完成后8个工作日左右开具电子发票,30个工作日开具不寄出增值税专用发票。
4、支付费用:微信扫码支付认证费用 300元/年。支付完成后等待审核。
注意:在注册微信小程序账号时,会出现下面的选择:这里直接选择微信认证的方式即可,只有微信认证了,才能对接支付接口,接口的权限才会更高。 当您的小程序接入了微信支付后,您必须注册成为商户,商户就是用户支付时的收款账户,商户最终会绑定企业的对公账户或法人的银行账户。注册商户号之前尽量保证小程序已经完成注册,并审核通过。如果我们想在小程序内部接入微信支付功能、调用微信支付API,首先要注册一个商户号,这个商户号就是主体的标识,也能标识接入者的身份。打开接入指引页面,选择我有小程序如上图所示:此二维码需要商户平台的超级管理员进行扫描,扫描后就会成为商户平台的超级管理员。超级管理员即商户号的联系人,拥有商户号的最高管理权限,会接收平台重要通知并可进行资金操作,请确定超级管理员微信已成功绑定本人银行卡,且与待绑定的商户号联系人实名一致,否则无法进行绑定。注册过程及商户后台修改商户号相关信息时需要多次使用超级管理员微信扫码验证及对应手机号验证码。
扫码完成后,根据提示完善商户信息,可只填写必填项。 这里的主体类型包括两种:一种是个体工商户、一种是企业。选择个体工商户时,账户类型可填写对公账户或法人账户。如果选择的是企业,需要填写对公账户。
这里选择时根据需要来进行选择,我们小程序选择企业即可。这里直接填写小程序的APPID,Appid是小程序的唯一标识,可在小程序平台获取上述所有的信息都填写完成后,根据提示进行账户验证。管理员微信扫码后,在手机上根据提示完成签约。 到此,商户号就创建好了。这时可登录商户平台查看商户号和小程序的绑定关系当然我们也可以登录小程序平台来查看绑定关系,小程序首页-》微信支付: 这里需要注意的是,商户注册时填写的商户名称要和小程序注册时填写的主体名称要保持一致。小程序注册完成后,需要完善小程序的简称、详细描述、小程序图标等,小程序命名。如果您使用的是uniapp框架,需要参考如下步骤:• HBuilderX:这是uniapp的官方IDE,可以下载开发版或标准版。• 微信开发者工具:这是微信小程序的官方开发工具,可以到微信官网下载1.打开HBuilderX,选择文件->新建项目->选择uni-app项目,输入项目名称,选择模板,点击创建。2.打开项目的manifest.json文件,找到mp-weixin节点,输入你的微信小程序AppID,如果没有,可以在微信公众平台申请。3.打开微信开发者工具,选择设置->安全设置->服务端口,勾选开启服务端口。4.在HBuilderX中,选择运行->运行到小程序模拟器->微信开发者工具,HBuilderX会自动启动微信开发者工具,并导入uni-app生成的小程序项目。5.在微信开发者工具中,你可以看到uni-app的效果,也可以使用微信小程序的调试功能,比如控制台,网络,性能等。6.在HBuilderX中,你可以使用Vue.js语法开发你的小程序页面,组件,逻辑,样式等,HBuilderX会实时编译你的代码,并同步到微信开发者工具中,你可以看到实时的变化。7.当你的小程序开发完成后,你可以选择发布->发布到小程序平台,HBuilderX会打包你的小程序项目,并生成一个zip文件,你可以在微信开发者工具中上传这个zip文件,然后在微信公众平台上提交审核,等待发布
如果您是微信原生小程序,请参考微信小程序开发文档,文档比较详细。
由于微信对小程序上传做了限制,每个包的大小不能超过2M,这时就需要我们在开发之前进行分包处理,也就是将一个大的单包拆分成多个包,比如一个主包,多个子包。当然,如果你是在本地开发,不上传到微信服务器上就不会限制的,所以我们尽量在开发前就按照业务模块进行包的拆分。一般来说,主包可以是首页、个人中心等公共的内容,子包可按业务模块进行拆分。一般来说,小程序开发过程中包含的静态资源比较多,比如logo、轮播图、背景图、示例图片等。这些图片占用了大部分的体积,这种无论你如何分包都是肯定会超过2M的。我们可以将静态资源发布到静态资源服务器中,比如nginx。在加载静态资源时,以网络url模式进行加载。 在我们引入阿里图标库时,都是将图标库的静态文件放到代码中,使用css方式进行引入,为了减少体积,我们可采用如下方式:下载图标库文件,将iconfont.css放入项目内,把@font-face修改为在线图标库生成的在线链接,地址头需要添加https。注意:使用网络引入iconfont后,需要在小程序后台设置中将阿里云官网的地址添加到允许的域名列表中。否则无法访问到相关网络请求。Java [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf net::ERR_CACHE_MISS (env: Windows,mp,1.06.2310071; lib: 3.1.5) |
当我们的小程序接入了微信支付的功能,为了保证支付安全,需要我们配置商户的公钥证书、私钥、以及生成APIv3对称密钥。同时要在程序中以全局的模式下载微信平台证书。这些过程这里不做叙述,只作为开发的步骤提醒。如果想了解,请查看具体的文档。当本地测试不满足我们的要求时,我们就需要将小程序上传到微信平台上。尤其是当多个人测试微信小程序,并使用微信支付的功能时。那我们需要做一些配置。首先在开发管理菜单中,对服务器域名进行配置。官方要求,配置的必须为备案的域名,并且已经申请了https证书。如下图所示:配置的域名是小程序应用服务器后台的入口地址,所以这对我们后台环境的部署也有一定的要求: 建议大家在开发时,配置整个应用的入口地址,也就是具备了公网ip的服务器或云服务器地址。可对小程序设置项目成员,添加了项目成员才有权限在手机上体验和使用小程序,同时也可以给项目成员添加小程序的权限,比如:开发、数据统计、数据分析、小程序运营等。添加方式是通过微信号的方式进行添加。体验版:就是给项目人员进行测试或用户测试使用的,体验版脱离了本地开发者工具测试,本地开发者工具测试只能是一个人测,而体验版是多个人测试。体验版可以在本地开发者工具中进行代码编译和上传,上传时请勾选压缩代码。体验版每次上传都会进行版本覆盖,所以体验版是没有升级的概念的。体验版需要配置页面的路径(首页)才能访问小程序。 2、审核版本:这个版本需要在体验版提交审核,提交审核时有以下限定条件:需要维护小程序类目,小程序类目是确定小程序经营范围的,是和企业及单位挂钩的,在维护小程序类目时,如果业务涉及到了拍卖、电商、商业服务等业务范围,必须提供相应的资质,比如,拍卖业务就必须上传企业资质,网站备案证书及拍卖证书等,否则您的小程序代码在审核中是无法通过的。提交审核时,微信平台人员会检查您的服务器域名是否备案,是否是真实且能够访问的有效地址,同时会运行起你的小程序检查小程序的界面是否符合你填写的小程序经营类目,否则小程序的代码审核也是不通过的。所以当您的小程序想要提交到审核版本时,你必须完成上述的要求。3、线上版本:线上版本就是在审核版本提交发布后,直接发布到了线上版本。但是在提交发布前,我们必须要完成小程序备案,小程序备案的入口:设置-》小程序备案。小程序备案目的是为了保障用户的合法权益,保证小程序能够在运营过程中合法、合规。备案,涉及工信部审核。备案时需要填写两大部分信息:(1)主体负责人信息:需要提供小程序主体负责人的身份信息、电话等。小程序的主体负责人必须是注册小程序的法人信息,填写时微信平台会核对。(2)小程序负责人信息:需要提供小程序负责人的身份信息和电话等,小程序负责人即为小程序管理员。小程序备案的填写的信息相对于来说比较简单,备案申请会提交到工信部进行审核。这其中会有一步初审,初审的目的就是再次检查一下您的小程序是否都具备相关的资质、证书等。初审通过后,工信部会发给法人一条短信,短信信息就是短信验证码,需要法人在收到短信24小时内到工信部官网进行短信核验,核验通过后大概会提交给管局进行审核,审核如果通过即备案完成。备案完成时间大概为3-5天。备案完成后即可提交发布,发布后立即就为线上版本了。 9 小程序如何进行版本升级,每次代码变化都要经历刚刚说的审核步骤么答案:是的,如果您的小程序代码发生了变更,都需要经历8节说的提交审核的过程,但是,这不会耽误太长时间,一般半天就可以完成。那小程序是如何进行升级的呢?升级时需要编写升级代码。未启动时更新:意味着微信客户端会在用户不在访问小程序期间,主动触发更新,最慢24小时内覆盖所有用户。如果用户在未覆盖期间进入小程序,则触发了启动时更新。启动时更新:用户冷启动进入小程序时,均会检测小程序是否有更新版本,若有则后台默默更新,准备为下次冷启动时使用。需要注意的是,此时访问的仍是旧版本的小程序。如果此时想手动使用新版小程序,则可以使用官方API:JavaScript const updateManager = wx.getUpdateManager()
updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate) })
updateManager.onUpdateReady(function () { wx.showModal({ title: '更新提示', content: '新版本已经准备好,是否重启应用?', success(res) { if (res.confirm) { // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启 updateManager.applyUpdate() } } }) })
updateManager.onUpdateFailed(function () { // 新版本下载失败 }) |
如若用户是第一次打开小程序(即新用户),则会直接打开最新版本的小程序。此时不需要考虑更新机制。由于官方API没有提供主动下载新版本小程序的能力,仅提供了检测的能力。因此,当新版本下载失败时,没法主动触发重试,只能让用户继续访问旧版本的小程序。下载失败之后,小程序的重试机制不得而知。可能需要等待小程序被销毁之后,再次冷启动时才会再次主动更新;又或者等待24小时之后。由于可能存在下载新版本失败的用户,因此小程序的后端服务需要考虑向后兼容。另外,可以在下载失败的回调函数里加入数据统计,用于计算更新失败的概率。实际情况:新上线的版本,如果是热启动,就是之前的小程序打开过,小程序会在后台自动触发更新操作,并不会有提示。如果您之前打开过小程序,再次打开小程序后不会触发更新代码,而就是最新的代码了。

优网科技,优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。