微信小程序教程——Hello Wrold小程序

2017-11-08 大咖分享 阅读 (245)

微信小程序到现在为止已经上线10个月了,开发者们的心情就像是做过山车,似乎从一开始的火热,现在又变得十分的平静。首先,小程序和本地的APP相比,在界面、速度以及功能上是不具有任何优势,这是没有异议的。但是不可否认的是,一些工具类的小程序应用,的确是方便了生活,节约了手机的空间。小编手机里,也是添加了不少的小程序应用,像有道词典、摩拜单车、cool天气等等,在某些时候确实是挺方便的。

好的,废话不多说,进入正题,小程序应该如何开发?今天的文章主要内容就是为我们的开发做好准备。

千库网60b06d60224193fa8ebfaa184ab67d58.jpg

注册小程序

百度搜索:微信公众平台,或者输入网址:进入微信公众平台的官方网站,点击小程序--->查看详情。

当然你也可以先看一下官方的文档,这对我们的开发是十分有帮助的。然后点击前往注册。

注册时需要输入邮箱以及密码,注意邮箱就作为登录名,可登录到小程序管理的后台.每个邮箱仅能申请一个小程序,填写完成以后会发送一封确认邮件到邮箱。

点击邮箱中的确认链接,会跳转到注册信息页。这里选择个人,然后填写好相关的身份信息,并用自己的微信扫描二维码,成为管理员,完成小程序的注册


直接登录小程序,可进入小程序管理的后台,可以看到,左侧为一些菜单栏,我们可以对我们的小程序进行配置,补充小程序的基本信息,如名称、图标、描述等。

我们先不急着配置,首先要做的是记下你的AppID(小程序ID)。点击设置,然后选择开发设置,记录下你的AppID(小程序ID),以免每次查询的时候都有登录系统。

其他的选项如果有机会会提到的,大部分都是我们小程序发布的时候需要配置的东西,这里学习的话暂时还是用不到的。

下载微信开发工具

正所谓工欲善其事,必先利其器。微信为我们的开发提供了一个开发工具,使得我们的开发变得简单,快捷。值得寻味的是,开发工具最初连字体大小都无法设置,到现在的功能已是非常的完善,能够满足大部分开发者的需求。

首先打开开发者文档,找到下载选项,选择适合自己电脑的开发工具,点击链接下载。

可以看到,开发工具的更新周期非常的短,不到一个月的时间,说明开发工具任然在查缺补漏,不断的增加新的功能。

然后将工具进行安装,安装过程十分的简单,这里就不赘述。一路next就可以了,然后启动开发工具。


创建HelloWrold小程序

打开开发者工具,首先需要扫描登录,然后选择开发种类,这里选择小程序开发。

然后新建一个项目,这里名为HelloWrold,选择工程的位置,然后输入我们保存的AppID。当然我们也可以选择不输入。如果没有AppID,依然能够创建项目,但是这样的话会导致有些微信的API接口是使用不了的。因此,这里我们还是选择填上AppID。

点击确定,完成项目的创建。可以看到,系统已经自动的为我们创建了一个国际惯例程序——Hello World。

点击index.js,修改motto为'Hello WeChat'。代码如下:

data: {

motto: 'Hello WeChat',

userInfo: {},

hasUserInfo: false,

canIUse: wx.canIUse('button.open-type.getUserInfo')

}

点击保存,系统自动刷新模拟器界面,可以看到,字段已经变为Hello WeChat

今天的教程就介绍到这,下次的小程序教程介绍开发工具的使用以及小程序的语法,谢谢大家的支持!如果有不当之处,还希望大家指正。


在线
客服

在线客服服务时间:9:00-22:00

客服
热线

400-875-0771
7*24小时客服服务热线

关注
微信

官方微信公众号