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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我们点击“上传"按钮:

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

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

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

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

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

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

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

原文地址:http://blog.51cto.com/5899363/2307783

时间: 2024-08-25 01:33:20

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

工具开发系列之:通过程序句柄操作程序

最近做了个C/S系统,是一个包含ToolBox的程序,大致的功能是在系统使用过程当中包含了该系统提供公众工具,协同完成工作.说白了就是调用一些自己开发的或是第三方的应用程序. 于是在使用过程当中,有效的协调对应的进程及线程就是比较常见的问题了,这里说一个简单的例子如何去隐藏一个程序工具. 句柄 句柄,是整个Windows编程的基础.一个句柄是指使用的一个唯一的整数值,即一个4字节(64位程序中为8字节)长的数值,来标识应用程序中的不同对象和同类对象中的不同的实例,诸如,一个窗口,按钮,图标,滚动

微信公众号开发系列-获取微信OpenID

在微信开发时候在做消息接口交互的时候须要使用带微信加密ID(OpenId),下面讲讲述2中类型方式获取微信OpenID.接收事件推送方式和网页授权获取用户基本信息方式获取. 1.通过接收被动消息方式获取OpenId(接收事件推送方式).下面事件中都能够获取到OpenID 关注/取消关注事件 用户在关注与取消关注公众号时.微信会把这个事件推送到开发人员填写的URL.方便开发人员给用户下发欢迎消息或者做帐号的解绑. 微信server在五秒内收不到响应会断掉连接,而且又一次发起请求,总共重试三次 关于

vue 开发系列 企业微信整合

概述 手机端程序可以和企业微信进行整合,我们也可以使用企业微信JSSDK功能,实现一些原生的功能. 整合步骤 在整合之前需要阅读 整合步骤. http://work.weixin.qq.com/api/doc#10029 1.引入JSSDK npm i -S weixin-js-sdk 这样就引入了微信sdk. 2.通过config接口注入权限验证配置 export function initWxConfig(vm){ var url=_baseUrl + "/initConfig.do&quo

BizTalk开发系列(二) "Hello World" 程序搬运文件

我们在<QuickLearn BizTalk系列之"Hello World">里讲到了如何快速的开发第一个BizTalk 应用程序.现在我们来讲一下如何把这个程序改成用于搬运文件的程序. 我们的设想是:不管文件的类型是什么,将文件从In 文件夹搬到 Out 文件夹.我们来看看应该怎么实现这个设想. 首先我们会发现"Hello World"程序在接收位置的文件名称是" *.XML ".也就是说它只接收XML文件类型的文件.既然它支持通配

漫谈程序员系列:一个老程序员的2014年终总结

人生天地之间,若白驹过隙,忽然而已.蓦然回首,头上似霜雪,脸上似山川.我的 2014 啊,你就这么毫无眷恋地离我而去了.既然往事已不可追,未来尚未到来,在这年末岁首的间隙,就让我来回忆一下余烟尚存的 2014 吧. 2014 年,对我而言,发生了很多事,不管怎样,我还是一个程序员,这是工作.生活,以及我自己,给我的标签.也许很快这个标签会泛黄.蝶化.零落成泥碾作尘,不过不论怎样,它是我青春的纪念,它仍将伴随着我继续前行. 坚持技术博客写作 看到这里,也许你笑了. 是啊,这一年我不务正业,虽然每周

Android+SSH开发商城App(1)数据库的创建和环境的搭建

项目简介 该项目主要是使用SSH开发Android后端服务器程序和前端App代码的实现,主要技术包含: Android AsyncTask .常见自定义控件.客户端高层类封装.Android HTTP通信.用户管理.购物流程.定位.二维码等知识点,希望大家跟踪查看最新的学习笔记. 数据库的创建 数据库使用的是MySQL5.6版本,脚本代码如下: SET FOREIGN_KEY_CHECKS=0; DROP TABLE IF EXISTS `admin`; CREATE TABLE `admin`

【SSO单点系列】(1):CAS4.0 之环境的搭建

[SSO单点系列](1):CAS4.0 环境的搭建 一.概述 今天开始写CAS相关的第一篇文章,这篇文章主要是关于CAS环境的搭配,提供给刚刚接触CAS的一个入门指南,并演示一个CAS的最简单的实例 二.环境要求 博主的环境如下: win8.1 64 bit JDK1.7  下载地址点我 Tomcat-8.0.15  下载地址点我 cas-server-4.0.0 .cas-client-3.3.3  下载地址点我  (官网速度比较慢,提供百度网盘) tomcat服务器需要部署三个,我分别命名为

【转】storm 开发系列一 第一个程序

原文: http://blog.csdn.net/csfreebird/article/details/49104777 ------------------------------------------------------------------------------------------------- 本文将在本地开发环境创建一个storm程序,力求简单. 首先用mvn创建一个简单的工程hello_storm [plain] view plain copy print? mvn a

OAF_开发系列16_实现OAF程序Java并行

http://blog.csdn.net/cunxiyuan108/article/details/7677773 http://blog.csdn.net/cunxiyuan108/article/details/7677758 http://www.cnblogs.com/echochen/archive/2011/11/17/2253148.html 三份

开发系列:02、使用Scala和SBT开发Spark应用

1.SBT添加插件 .sbt/0.13/plugins/plugins.sbt 没用手工创建 addSbtPlugin("com.typesafe.sbteclipse" % "sbteclipse-plugin" % "2.5.0") addSbtPlugin("com.github.mpeltonen" % "sbt-idea" % "1.6.0") 2.创建项目: mkdir -p