从零开始学微信小程序-1.2开发第一个微信小程序

2017-05-09  本文已影响0人  鱼香肉丝盖饭

       安装好小程序开发工具后,我们就沿袭编程国际惯例——HelloWorld,来开发我们的第一个微信小程序。

——获取微信小程序的AppID

       开发者想要在真机上调试程序或者想要发布写好的微信小程序,AppID都是必不可少的,之前笔者在接触小程序的时候,小程序还只能是以公司为单位去注册小程序,需要注册公司提供相关运营执照等一些列信息,还要通过注册公司的对公账号向腾讯给定的账号打款以验证公司的真实性(至于打款金额则是腾讯随机生成的,一般就是不到一块钱吧,一段时间以后会自动退回公司账号上,如下图),

公司账号打款信息

不过目前小程序已经向个人开发者开放了账户申请渠道,我们只需要到微信公众平台,进行常规的登录/注册就OK了,登录成功后,即可在“设置”—>“开发设置中”,查看到微信小程序的AppID了,如下图。

微信小程序AppID

记录下这个AppID,在后面创建微信小程序是将使用到该参数。

注意:这是小程序专用的AppID,不要和微信服务号或订阅号的AppID搞混了。

——创建项目

       做好准备工作之后,就可以创建微信小程序项目了。

1、登录开发工具

       启动开发工具之后,将出现如下图的界面,提示开发者扫描二维码进行登录。手机登录微信,然后用微信的“扫一扫”功能扫描二维码,之后微信上将弹出确认登录的提示框。

扫描登录

       注意:开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信账号。

2、添加项目

       点击“确认登录”之后,电脑中的开发工具将进入如下图所示界面,上方显示开发者的微信图标 ,下面显示“本地小程序项目”和“公众号网页开发”两项,说明通过这个开发工具不仅可以开发微信小程序,也可以开发公众号网页。点击选择“本地小程序项目’,在这里我们就可以自己添加新项目或选择一个已有项目了(第一次进入,还没有项目列表。)。

添加项目

点击”添加项目“,创建一个本地小程序项目,将显示如下图所示界面。

添加项目详情页

自行填写好相关信息后,如果开发者没有AppID,则点击无AppID即可,这里我们姑且先将最后一个quick start项目的选项选中。之后就可以点击”添加项目“了,此处操作比较常规,没什么需要注意的地方。

        完成新项目的创建,进入开发工具界面,如下图。

IDE主界面

       至此,一个微信小程序的项目创建完成。

       后面会详细介绍小程序工程的目录结构及IDE的用法。

上一篇下一篇

猜你喜欢

热点阅读