式微信小程序|云开发实战：实战
发表时间：2023-10-17 21:20:13
文章来源：炫佑科技
浏览次数：153
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
式微信小程序|云开发实战：实战
微信小程序节省流量、节省安装时间、不占用桌面。 APP的大小一般为100M，而小程序则小于4M。 使用小程序不会像APP那样因过度下载而导致手机存储空间不足、卡顿。 顿等问题。 如图所示微信小程序开发者工具打不开，微信小程序开发工具分为工具栏、模拟器、目录树、代码编辑区和调试器五个部分。
1. 工具栏
包含“个人中心、模拟器、编辑器、调试器、云开发、小程序模式、编译、预览、真机调试、后台切换、清除缓存、上传、版本管理、社区、详情”等15个功能。
（1）个人中心：点击左上角图标，弹出下拉窗口式微信小程序|云开发实战：实战，显示社区新闻通知等。
(2)模拟器、编辑器、调试器：控制它们在界面中的显示或隐藏，至少需要一个显示。
（3）云开发：使用云开发之前需要启用云开发。 在左侧工具栏点击“云开发”按钮，打开云控制台，然后按照提示启用云开发并创建云环境。 这个稍后会详细介绍。
（4）小程序模式：可以在“小程序模式”和“插件模式”之间切换。 小程序模式一般在开发小程序时使用。
（5）编译：默认为普通编译，也可以选择“添加编译模式”，让开发通过不同的场景进入特定的指定页面进行条件编译。
（6）预览：分为“扫描二维码预览”和“自动预览”。 扫描二维码预览，可以直接用手机扫描二维码，在当前真实设备上预览效果。 自动预览可以让您在书写时通过绑定的手机实时预览效果。 避免每次都用手机扫描二维码进行预览。
（7）真机调试：这个功能非常实用，特别是在项目开发测试阶段。 当您在真机上遇到问题时，可以点击“真机调试”，生成的二维码将显示在手机和电脑桌面上。 弹出调试窗口，这样在手机上运行小程序时，PC端调试窗口会实时输出日志信息，帮助开发排除错误。
（8）切换到后台：点击“切换到后台”按钮，模拟小程序进入后台。
（9）清除缓存：可以轻松清除工具上的文件缓存、数据缓存以及后台授权数据，方便开发调试。
（10）上传：将项目上传到微信服务器，用于发布项目。
(11)版本管理：为开发提供项目版本控制功能。
（12）详细信息：用于查看项目信息、项目配置等。通常在开发小程序时，会出现“不验证合法域名、web-view（企业域名）、TLS版本和HTTPS证书”选项在“项目设置”选项中设置。 已选择。
2. 模拟器
模拟器可以模拟小程序在微信客户端上的效果。 小程序的代码编译后可以直接在模拟器上运行。 在模拟运行时，开发可以选择不同的设备、扩展和网络状态，并可以添加自定义项。
在模拟器底部的状态栏中，可以直观地看到当前运行的小程序的场景值、当前页面的路径以及页面参数。
3.目录树（资源管理器）
要显示项目的整体结构，右键单击该目录，选择新建页面，即可自动生成页面所需的WXML、WXSS、JS、JSON等文件。
4.代码编辑区
在代码编辑区，可以为当前项目编写代码，还有完善的自动补全功能。 JS文件编辑将帮助开发完成所有API和相关注释，并提供代码模板支持。 编辑WXML文件时，将直接写入相关标签和标签中的属性。 同样，编辑JSON文件时，也会完成相关配置并实时提示。
5.调试器：
调试器分为9个功能模块：、、、、、、、Wxml、、、Trace。 具体使用方法请参考《附录D微信小程序开发工具调试器》。
