微信小程序开发系列一:微信小程序的申请和开发环境的搭建-阿里云开发者社区

开发者社区> jerrywangsap> 正文

微信小程序开发系列一:微信小程序的申请和开发环境的搭建

简介: 微信小程序开发系列一:微信小程序的申请和开发环境的搭建
+关注继续查看

我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家。


image.png


这是第一篇,从零开始学习微信小程序开发。主要是小程序的注册和开发环境的搭建。


首先我们要在下列网址申请一个属于自己的微信小程序:


https://mp.weixin.qq.com/cgi-bin/wx


image.png


点击按钮“前往注册”。注意我们需要使用一个没有注册过微信小程序或者微信公众号的邮箱。我用的是网易邮箱。注册之后,邮箱会收到一封激活邮件。

image.png



激活之后,就可以进入小程序主体信息登记页面了。这里需要使用身份证号码和手机验证码进行登记。


image.png


登记完毕之后,就可以进入微信开发者工具了。我选择的是小程序项目:


image.png


这是我注册的用于学习目的的微信小程序:


image.png


在开发管理->开发设计菜单里,找到我们刚才注册的微信小程序的ID:抄下来,后面要用。


image.png


接下来,在下面这个链接去下载微信开发者工具:


https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html


大家可以把它当成是一个集成开发环境(IDE)。


image.png


安装完毕后启动微信开发者工具,会要求我们指定一个本地项目目录和填写微信小程序的AppID。这个ID我们前一步已经抄下来了。


直接填进去,勾上“建立普通快速启动模板”,然后微信开发者工具会自动帮我们创建一个Hello World版本的微信小程序资源文件出来。


image.png


自动创建好的小程序如下图所示,就是一个Hello World的文本。


image.png


我们点击“上传"按钮:


image.png


随便维护一个版本号,比如1.0.0, 然后点击”上传“。


image.png


然后回到小程序管理后台,能看到我们上面通过微信开发者工具上传的1.0.0版本的小程序了。我们点击”提交审核“右边的下拉菜单,选择”选为体验版本“:


image.png


会生成一个体验版的二维码,这时发送给你的朋友,就可以使用这个小程序了。


image.png


当您的朋友在手机上扫描该二维码,会看到如下界面:该小程序标注了"体验版"的提示:


image.png


点击"前往体验版", 就能看到微信开发者工具自动生成的Hello World小程序了。


image.png


这个系列的下一篇文章,我会把我分析微信开发者工具自动生成的这些资源文件的心得分享给大家。

image.png


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9719 0
微信小程序开发系列七:微信小程序的页面跳转
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序之控制器的初始化逻辑 微信小程序开发系列五:微信小程序中如何响应用户输入事件 微信小程序开发系列六:微信框架API的调用
16 0
微信小程序开发教程第七章:微信小程序编辑名片页面开发
前面我们更新了六篇的微信小程序开发教程,现在更新第七章:微信小程序编辑名片页面开发,(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开发,第六章:「我」的页面开发) 编辑名片有两条路径,分为新增名片流程与修改名片流程。
1326 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10865 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13442 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11701 0
微信小程序开发入门教程
在这篇微信小程序开发教程中,我们将向你介绍快速试用和体验微信小程序开发工具和官方示例Demo。 本系列教程将引导你完成如下任务: 下载微信web开发者工具和小程序官方Demo。 添加小程序示例Demo到项目 体验小程序常用组件及接口   第一部分 下载开发者工具和官方Demo   微信小程序开发者工具 为了帮助开发者简单和高效地开发微信小程序,微信官方推出了全新的微信小程序开发者工具,该工具集成了开发调试、代码编辑及程序发布等功能。
2091 0
小程序开发准备
开发前准备    1.注册支付宝账号并且为企业账号;   2.入驻开放平台,签署开放平台协议;【开放平台链接】    3. 创建小程序;【创建小程序链接】(如下图)            4. 设置     a.
334 0
【小程序】微信小程序开发实践
帐号相关流程 注册范围 企业 政府 媒体 其他组织 换句话讲就是不让个人开发者注册。 填写企业信息 不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。
1170 0
+关注
2628
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载