微信官方微信小程序开发教程!

2018/7/23

  小程序和公众号不一样,并不是随便申请了就可以发文章运营。编写代码是不可缺少的过程。腾讯为此提供了一整套的开发工具解决方案,包括编写代码、调试、上传,都直接在开发工具中完成。

  下面我们就来讲讲官方微信小程序开发教程。

  1、下载

  微信平台官网上提供了开发工具的下载,分别提供了windows64,windows32和mac三个版本。下载后直接安装即可。

  2、创建小程序项目

  安装完成后,打开微信web开发者工具。用你的个人微信扫描二维码登录→登录后选择“本地小程序项目”→进入后,可以点击“+”号按钮创建新项目。本地已经创建过项目的,这里都会看到。

  注意:创建项目时,需要填写在平台上申请的小程序AppID,这个在之前关于申请账号的文章中已经提过。实在不想麻烦的,就直接选“无AppID”,代价是无法在真机上调试代码,但不影响开发。

  3、开发界面

  创建好项目之后,即可进入开发环境进行开发。左边是导航栏,主要有三个界面:

  1)编辑界面:这是开发的主要场景。左侧是展示效果的模拟器,可直接交互。右侧是编写代码的编辑器,包括代码文件的导航。共有4种类型的代码。

  2)调试界面:如果你使用过Chrome的开发者工具或其他类似的web前端调试工具,那这里就不用再多说了。包括了控制台调试、页面源代码、网络请求、页面元素等功能,满足你开发时的各类调试需求。

  3)项目界面:这里是项目的基本信息和一些配置。如果你没有AppID,或者没有配置好接口的域名(微信小程序要求后台接口必须是https协议),但又要加网络请求的功能,请务必把“开发环境不校验请求域名以及TLS版本”给勾选上,否则无法成功发出请求。

  4、demo

  如果在创建新项目时,选上了“在当前目录中创建quickstart项目”,你可以看到一个简单的“helloworld”小程序。它可以帮你了解微信小程序的基本代码结构。

  当然这还不足以让你了解小程序的各种功能。官网上还提供了“小程序示例”的源码下载,你可以从代码中详细了解小程序各种控件的基本用法。 

更多新闻

网站设计中要注意的问题有哪些?-全球百科
网站设计怎么样才算好?
网站设计公司哪家好一点?-全球百科
网站设计的内容有哪些?