1.2项目的创建与配置要开始小程序云开发项目
发表时间:2023-11-02 17:27:53
文章来源:炫佑科技
浏览次数:194
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
1.2项目的创建与配置要开始小程序云开发项目
开始小程序云开发,首先需要注册小程序,激活云开发服务,然后下载开发工具并阅读小程序开发和云开发的技术文档。 另外,创建云开发项目时还需要注意一些配置细节。
1.2.1 注册微信小程序
小程序的注册非常方便。 打开小程序注册页面,按要求填写个人信息,验证邮箱和手机号码,扫描二维码绑定微信ID。 大约需要 3 分钟才能完成。
注册页面:小程序注册页面
注册小程序不能使用已注册微信公众号或微信开放平台的邮箱地址,需要使用其他邮箱地址。 小程序的登录页面和微信公众号的登录页面是同一页面,会根据您注册的邮箱地址的不同进行跳转。
当我们注册成功后,我们就可以自动登录小程序的后台管理页面。 如果您不小心关闭了后台页面,也可以点击小程序后台管理登录页面进行登录。进入小程序后台管理页面后,点击左侧菜单的开发,进入设置页面,然后然后单击开发设置”。 在开发ID中可以看到AppID(小程序ID)。 这对我们以后会有用。
请注意,小程序的ID(AppID)不是您注册的电子邮件地址和用户名。 需要后台查看哦~
1.2.2开发工具和云开发文档
1.开发工具的下载和安装
您可以根据您的电脑操作系统下载对应的版本。 一般情况下,您选择Build的开发工具的稳定版本。 但如果您想尝试小程序或云开发发布的新功能,建议下载预发布版本 RC Build 和开发版本 Build。
开发工具:小程序开发工具下载地址
由于小程序和云开发不断增加新功能且更新非常频繁,而且其很多更新都与开发工具密切相关,因此您必须确保您的开发工具是*新的。
我们可以在开发开发工具当前的版本号。 请注意,版本号包含日期,例如 1.04。 这里的20是2020年,0804是8月4日的版本。 如果你的版本号太低。 请及时更新。 开发工具版本号
2. 云开发文档
与学习任何编程一样,官方技术文档是*值得阅读的参考资料。 对于技术文档,您只需要花五分钟左右的时间了解大致结构,然后按照我们的教学步骤阅读具体的知识细节。 官方的技术文档太全面、太详细了。 对于初学者或者零基础的朋友,我们会一步步指导您如何学习文档中的技术知识。 小程序和云开发的功能更新非常频繁,很多在线教程的内容都比较过时,而只有技术文档同步到*新。 无论您是初学者还是专家,技术文档都是我们技术开发的基础和落脚点。 经常阅读并保持新鲜感。
技术文档:云开发官方文档
1.2.3 创建云开发模板小程序
下载并安装小程序开发工具后,我们使用微信扫描二维码登录开发工具,然后使用开发工具新建一个小程序项目:
项目名称:可以根据自己的需求填写;
目录:您可以先在电脑上新建一个空文件夹,然后选择它;
AppID:就是我们之前找到的AppID(小程序ID)(也可以下拉选择AppID)。 这里不能使用测试号;
开发模式为小程序(默认);
后端服务选择小程序·云开发
创建云开发模板小程序
点击新建确认后,您可以在开发工具的模拟器中看到云开发小程序,并在编辑器中看到该小程序的源代码。
接下来,我们点击开发工具工具栏中的预览图标,会弹出一个二维码。 使用微信扫描二维码即可查看手机上的小程序。 如果您没有使用微信登录开发工具,且您的微信账号不是小程序的开发,则无法预览。
创建云开发模板小程序
在您的手机(或模拟器)上操作此小程序,然后单击小程序中的每个按钮1.2项目的创建与配置要开始小程序云开发项目,看看会发生什么。 我们会发现很多地方都会显示“调用失败”,这是很正常的。 接下来我们会通过一系列的操作来防止小程序报错。
1.2.4 云开发项目初始化
1. 启用云开发
点击微信开发工具的“云开发”图标(调试器图标右侧),在弹出的框中点击“激活”,同意协议后,会弹出创建环境的对话框。 会要求您输入云开发的环境名称和当前基础环境配额(建议选择“按需付费”,或者默认即可)。
建议您使用 xly 作为环境名称。 当您的云开发环境出现问题时,您可以提供您的环境ID,云开发团队会有专人为您解答。
根据对话框提示填写需求后,单击“创建”,环境将被初始化。 环境初始化成功后,会自动弹出云开发控制台,并激活我们的云开发服务。 您可以花两分钟左右的时间熟悉云开发控制台的界面。
如果您在小程序开发工具中看不到“云开发”图标或者无法激活或开启云开发服务,则说明您没有填写对应的appid(例如您填写的appid是测试号) ,或者别人的)小程序的appid),或者你没有扫描登录微信开发工具。 如果仍有问题,建议您点击清除缓存-全部清除,重启开发工具,然后扫描二维码登录并填写appid。
2.查找云开发的环境ID
单击云开发控制台窗口中的设置图标,在环境变量选项卡中找到环境名称和环境ID。
用户激活云开发后创建云开发环境。 微信小程序可以有两个环境。 每个环境对应一整套独立的云开发资源,包括数据库、云存储、云功能、静态托管等,每个环境都是相互独立的。 每个环境都有一个唯一的环境ID(环境名称不唯一)。
云开发环境ID
注意环境名称和环境ID的区别。 特别要注意环境ID的书写格式。 后期填写时建议使用复制粘贴。 我们点击环境名称的下拉三角来切换云开发环境。
3.指定开发工具的云开发环境
当云开发服务开通后,我们可以在小程序源码文件夹名称中看到您的环境名称。 如果文件夹名称显示的不是环境名称而是“未指定的环境”微信小程序怎么绑定开发者,可以右键单击该文件夹,会看到弹出窗口**项是“当前环境”,带有一个小三角,可以在其中选择或者切换到已经搭建好的云开发环境。 如果环境为空,请重新启动开发工具并重新选择。
注意这里需要指定云开发环境
4.指定小程序的云开发环境
在开发工具中打开源码文件夹中的app.js文件,找到以下代码:
wx.cloud.init({
// env参数说明:
// env参数决定小程序下一次云开发调用(wx.cloud.xxx)默认会请求哪些云环境资源
// 请在此填写环境ID。 您可以打开云控制台查看环境ID。
// 如果留空,则使用默认环境(创建的**个环境)
// 环境: '我的环境 ID',
: 真的,
})
将 env: 'my-env-id' 更改为您的环境 ID。 请注意,您需要填写环境 ID,而不是环境名称。 结果如下:
wx.cloud.init({
env: 'xly-xrlur',
: 真的,
})
因为云开发可以创建多个环境,比如微信小程序可以创建两个免费的云开发环境,一个用于测试,一个用于正式发布。 如果您没有在小程序上指定环境,则默认选择为您创建的**个云开发环境。 我们可以通过修改env的参数来切换小程序调用所使用的云开发环境。
全球云开发能力只需初始化一次。 如果这里的属性设置为true,则用户的访问会被记录在用户管理中。 访问记录可以在云开发控制台的操作分析-用户访问中看到。
5. 基本库版本和开发工具设置
除了开发工具的版本之外,小程序和云开发能力都非常依赖基础库。 如果开发工具基础库版本太低,很多API会报错; 基础库的版本与微信iOS、、PC、Mac终端有对应关系。 高版本基础库不兼容低版本微信客户端。 我们可以在开发工具中看到不同基础库的用户端占比。
单击开发工具右上角的详细信息。 在本地设置中可以看到除了设置基础库之外,还有一些其他的设置。基础库版本和开发工具设置
如果你想体验功能,当然基础库越高越好。 基础库的更高版本意味着更多的功能支持和更少的错误。 基础库增加了哪些新功能,做了哪些改变? 读取基础库的更新日志; 但使用时必须考虑用户的分布;
增强编译可以增强ES6到ES5转换的能力。 小程序可以支持大部分es6等语法,比如常用的async/await;
建议学习时勾选“不验证合法域名、企业域名、TLS版本和HTTPS证书”,让小程序支持调试外部链接;
基础库的版本是在云端开发小程序时不可忽视的问题。 由于基础库的版本在不断更新,我们之前开发项目的基础库版本可能会远远落后于*常用的基础库版本。 当我们使用新的开发工具进行调试时,可能会出现一些错误; 或者由于基础库版本尚未更新,导致部分新功能无法使用。 我们必须注意这一点。