美文网首页微信小程序开发
微信官方小程序基础教程 - 起步

微信官方小程序基础教程 - 起步

作者: 极乐叔 | 来源:发表于2018-01-04 11:45 被阅读0次

    开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

    跟随这个教程,开始你的小程序之旅吧!

    申请帐号

    点击 mp.weixin.qq.com/wxopen 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

    image

    在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

    登录 https://mp.weixin.qq.com ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。

    image

    小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

    有了小程序帐号之后,我们需要一个工具来开发小程序。

    安装开发工具

    前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》

    打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

    你的第一个小程序

    新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。

    image

    接下来我们来预览一下这个小程序的效果。

    编译预览

    点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。

    image

    通过这个章节,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。

    下个章节,我们一起来看看这个小程序的代码构成。

    相关文章

      网友评论

        本文标题:微信官方小程序基础教程 - 起步

        本文链接:https://www.haomeiwen.com/subject/upqrnxtx.html