跨平台应用开发进阶(六十三)：微信小程序开发_跨平台开发小程序用什么

2401_84446963

已于 2024-05-04 03:36:23 修改

阅读量822

点赞数 22

分类专栏：程序员文章标签：小程序微信小程序 notepad++

于 2024-05-04 03:36:21 首次发布

本文链接：https://blog.csdn.net/2401_84446963/article/details/138431482

版权

本文详细介绍了微信小程序开发的过程，包括个性化小程序、API调用、常用组件库如WeUI、Vant Weapp等的选择和使用，以及如何创建UNI-APP项目和进行调试。特别强调了开发时如何配置域名、使用微信开发者工具进行真机调试，并讨论了不同组件库的特点和适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		* [2.3.5 Wux Weapp](#235_Wux_Weapp_73)
		* [2.3.6 TaroUI](#236_TaroUI_81)
		* [2.3.7 MinUI](#237_MinUI_89)
+ [三、创建一个UNI-APP项目](#UNIAPP_91)
+ [四、进行调试](#_114)
+ - [4.1 启动微信开发者工具](#41__115)
	- [4.2 调试UNI-APP页面](#42_UNIAPP_118)
	- [4.3 调试uni-app组件](#43_uniapp_122)
+ [五、微信小程序发布准备](#_125)
+ - [5.1 配置小程序关联信息(微信公众号关联小程序)](#51__128)
	- [5.2 配置小程序主体信息](#52__139)
	- [5.3 配置服务器域名](#53__146)
	- [5.4 发布上线流程](#54__151)
+ [六、注意事项](#_190)
+ [七、总结](#_202)
+ [八、拓展阅读](#_205)

一、前言

随着微信小程序越来越普及，开发人员们也在不断地寻求更高效且方便的开发方式。uni-app是一款由DCloud开发的跨平台工具，可以同时支持小程序、H5、App等多种平台的开发。那么，当使用uni-app开发微信小程序时，怎么进行调试呢？下面就来详细介绍一下。

小程序的运行环境分成渲染层和逻辑层，其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。

小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发，小程序的通信模型下图所示。
在这里插入图片描述
注意事项⚠️：