网站推广.NET

网站推广.NET

最牛:微信小程序的开发工具

来源:互联网

在我们介绍如何申请成为微信小程序的开发人员之前。必要条件是企业或组织的身份认证(我们的讨论中没有找到如何获得此认证的方法)。但是仅从开发的角度来看,没有认证不会影响它。

小程序与官方帐户不同,并且无法通过简单申请来发布和操作文章。编写代码是必不可少的过程。腾讯为此提供了一套完整的开发工具解决方案,包括编写代码,调试和上传,所有这些都直接在开发工具中完成。让我们在下面讨论这个开发工具。

1、下载

微信该平台的官方网站提供了开发工具的下载,地址为:

下载·小程序

分别提供了三个版本的Windows64,Windows32和Mac。

下载后直接安装。

2、创建小程序项目

安装完成后,打开微信 Web开发人员工具。使用您的个人微信扫描QR码以登录。

登录后,选择“本地小程序项目”。

输入后,您可以单击“ +”按钮创建一个新项目。在本地可以看到在本地创建的项目。

在创建项目时,您需要填写平台上应用的小程序 AppID。在上一篇有关申请帐户的文章中已经提到了这一点。如果您真的不想麻烦,只需选择“ No AppID”。代价是您不能在真实的机器上调试代码,但这不会影响开发。

3、开发界面

创建项目后,可以进入开发环境进行开发。左侧是带有三个主要界面的导航栏。

编辑界面

这是发展的主要场景。左侧是显示效果的模拟器,可以直接进行交互。右侧是用于编写代码的编辑器,包括代码文件的导航。有四种类型的代码:

有前端开发经验的朋友应该熟悉这些,他们基本上是相同的例程。

修改代码后,需要手动保存。保存后,模拟器中的版本将自动刷新。

调试界面

如果您使用过Chrome的开发人员工具或其他类似的web前端调试工具,则无需在此多说。

包括控制台调试,页面源代码,网络请求,页面元素和其他功能,可满足开发期间的各种调试需求。

项目界面

这是项目的基本信息和一些配置。如果您没有AppID,或者未配置接口的域名(微信小程序要求后端接口必须为https协议),但是要添加网络要求的功能,请确保设置“开发环境不验证请求的域名和TLS版本”进行检查,否则将无法成功发送请求。

4、演示

如果在创建新项目时选择“在当前目录中创建快速启动项目”,则可以看到一个简单的“ hello world” 小程序。它可以帮助您了解微信小程序的基本代码结构。

当然,这还不足以了解小程序的各种功能。官方网站还提供了“ 小程序示例”的源代码下载,您可以从代码中了解有关小程序各种控件的基本用法的更多信息。 微信响应官方帐户中的资源(代码忽略),您可以直接获取下载地址。

工人要想做好自己的工作,必须首先磨砺工具。了解开发工具的使用是开发微信小程序的第一步。之后,我们将逐步从浅到深对文档和源代码进行更详细的分析。