呼和浩特小程序开发与调试
发布时间:2025-08-21阅读次数:159
开发工具和调试步骤
如果您使用的是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,这时就需要我们在开发之前进行分包处理,也就是将一个大的单包拆分成多个包,比如一个主包,多个子包。当然,如果你是在本地开发,不上传到微信服务器上就不会限制的,所以我们尽量在开发前就按照业务模块进行包的拆分。一般来说,主包可以是首页、个人中心等公共的内容,子包可按业务模块进行拆分。
1、有关静态资源引入方案一般来说,小程序开发过程中包含的静态资源比较多,比如logo、轮播图、背景图、示例图片等。这些图片占用了大部分的体积,这种无论你如何分包都是肯定会超过2M的。我们可以将静态资源发布到静态资源服务器中,比如nginx。在加载静态资源时,以网络url模式进行加载。
2、有关字体(iconfont)文件的引入方案在我们引入阿里图标库时,都是将图标库的静态文件放到代码中,使用css方式进行引入,为了减少体积,我们可采用如下方式:下载图标库文件,将iconfont.css放入项目内,把@font-face修改为在线图标库生成的在线链接,地址头需要添加https。注意:使用网络引入iconfont后,需要在小程序后台设置中将阿里云官网的地址添加到允许的域名列表中。否则无法访问到相关网络请求。
3、商户证书、APIv3密钥申请及配置当我们的小程序接入了微信支付的功能,为了保证支付安全,需要我们配置商户的公钥证书、私钥、以及生成APIv3对称密钥。同时要在程序中以全局的模式下载微信平台证书。这些过程这里不做叙述,只作为开发的步骤提醒。如果想了解,请查看具体的文档。
测试与小程序配置
1 服务器域名配置当本地测试不满足我们的要求时,我们就需要将小程序上传到微信平台上。尤其是当多个人测试微信小程序,并使用微信支付的功能时。那我们需要做一些配置。首先在开发管理菜单中,对服务器域名进行配置。官方要求,配置的必须为备案的域名,并且已经申请了https证书。如下图所示:配置的域名是小程序应用服务器后台的入口地址,所以这对我们后台环境的部署也有一定的要求:
(1)外网可访问
(2)要申请备案的域名
(3)配置https证书建议大家在开发时,配置整个应用的入口地址,也就是具备了公网ip的服务器或云服务器地址。
2 管理小程序项目成员可对小程序设置项目成员,添加了项目成员才有权限在手机上体验和使用小程序,同时也可以给项目成员添加小程序的权限,比如:开发、数据统计、数据分析、小程序运营等。添加方式是通过微信号的方式进行添加。
3 上传体验版进行测试体验版:就是给项目人员进行测试或用户测试使用的,体验版脱离了本地开发者工具测试,本地开发者工具测试只能是一个人测,而体验版是多个人测试。体验版可以在本地开发者工具中进行代码编译和上传,上传时请勾选压缩代码。体验版每次上传都会进行版本覆盖,所以体验版是没有升级的概念的。体验版需要配置页面的路径(首页)才能访问小程序。 8 小程序版本及上线过程微信公众平台小程序提供了3类版本:
1、体验版(开发版): 测试版本。
2、审核版本:这个版本需要在体验版提交审核,提交审核时有以下限定条件:需要维护小程序类目,小程序类目是确定小程序经营范围的,是和企业及单位挂钩的,在维护小程序类目时,如果业务涉及到了拍卖、电商、商业服务等业务范围,必须提供相应的资质,比如,拍卖业务就必须上传企业资质,网站备案证书及拍卖证书等,否则您的小程序代码在审核中是无法通过的。提交审核时,微信平台人员会检查您的服务器域名是否备案,是否是真实且能够访问的有效地址,同时会运行起你的小程序检查小程序的界面是否符合你填写的小程序经营类目,否则小程序的代码审核也是不通过的。所以当您的小程序想要提交到审核版本时,你必须完成上述的要求。
3、线上版本:线上版本就是在审核版本提交发布后,直接发布到了线上版本。但是在提交发布前,我们必须要完成小程序备案,小程序备案的入口:设置-》小程序备案。小程序备案目的是为了保障用户的合法权益,保证小程序能够在运营过程中合法、合规。备案,涉及工信部审核。备案时需要填写两大部分信息:(1)主体负责人信息:需要提供小程序主体负责人的身份信息、电话等。小程序的主体负责人必须是注册小程序的法人信息,填写时微信平台会核对。(2)小程序负责人信息:需要提供小程序负责人的身份信息和电话等,小程序负责人即为小程序管理员。小程序备案的填写的信息相对于来说比较简单,备案申请会提交到工信部进行审核。这其中会有一步初审,初审的目的就是再次检查一下您的小程序是否都具备相关的资质、证书等。初审通过后,工信部会发给法人一条短信,短信信息就是短信验证码,需要法人在收到短信24小时内到工信部官网进行短信核验,核验通过后大概会提交给管局进行审核,审核如果通过即备案完成。备案完成时间大概为3-5天。备案完成后即可提交发布,发布后立即就为线上版本了。 9 小程序如何进行版本升级,每次代码变化都要经历刚刚说的审核步骤么答案:是的,如果您的小程序代码发生了变更,都需要经历8节说的提交审核的过程,但是,这不会耽误太长时间,一般半天就可以完成。那小程序是如何进行升级的呢?升级时需要编写升级代码。更新机制小程序的更新机制分为:•未启动时更新•启动时更新未启动时更新:意味着微信客户端会在用户不在访问小程序期间,主动触发更新,最慢24小时内覆盖所有用户。如果用户在未覆盖期间进入小程序,则触发了启动时更新。启动时更新:用户冷启动进入小程序时,均会检测小程序是否有更新版本,若有则后台默默更新,准备为下次冷启动时使用。需要注意的是,此时访问的仍是旧版本的小程序。如果此时想手动使用新版小程序,则可以使用官方API。
如若用户是第一次打开小程序(即新用户),则会直接打开最新版本的小程序。此时不需要考虑更新机制。由于官方API没有提供主动下载新版本小程序的能力,仅提供了检测的能力。因此,当新版本下载失败时,没法主动触发重试,只能让用户继续访问旧版本的小程序。下载失败之后,小程序的重试机制不得而知。可能需要等待小程序被销毁之后,再次冷启动时才会再次主动更新;又或者等待24小时之后。由于可能存在下载新版本失败的用户,因此小程序的后端服务需要考虑向后兼容。另外,可以在下载失败的回调函数里加入数据统计,用于计算更新失败的概率。
实际情况:新上线的版本,如果是热启动,就是之前的小程序打开过,小程序会在后台自动触发更新操作,并不会有提示。如果您之前打开过小程序,再次打开小程序后不会触发更新代码,而就是最新的代码了。