微信小程序怎么开发

第一章：准备工作

做好准备工作很重要。开发一个微信应用号，你需要提前到微信的官方网站下载开发者工具。

1下载最新微信开发者工具，打开后你会看到该界面：

2 点击「新建 web+」项目

3 该页面内的各项内容需要注意——

AppID：依照官方解释来填。

Appname: 项目最外层文件夹名称，如你将其命名为「ABC」，则之后的全部项目内容均将保存在「/ABC/…」目录下。

本地开发目录：项目存放在本地的目录。

注：再次强调，如果你和团队成员共同开发该项目，则建议你们使用同样的目录名称及本地目录，以确保协同开发的统一性。如果你之前已有项目，则导入过程与以上内容近似，不再赘述。

4 准备工作全部完成后，点击「新建项目」按钮，d出框点「确定」

5此刻，微信开发者工具已经为你自动构建了一个初始的demo项目，该项目内包含了一个微信应用项目所需具备的基本内容和框架结构。点击项目名称（图中即「cards」）进入该项目，就能看到整个项目的基本架构了：

第二章：项目构架

微信目前用户群体非常庞大，微信推出公众号以后，火爆程度大家都看得到，也同样推动着 Html 5 的高速发展，随着公众号业务的需求越来越复杂，应用号现在的到来也是恰到好处。

微信提供给开发者的方式也在发生全面的改变：从 *** 作 DOM 转为 *** 作数据，基于微信提供的一个过桥工具实现很多 Html 5 在公众号很难实现的功能，有点类似于 hybrid 开发，不同于 hybrid 开发的方式是：微信开放的接口更为严谨，结构必须采用他提供给的组件，外部的框架和插件都不能在这里使用上，让开发者完全脱离 *** 作 DOM，开发思想转变很大。

工欲善其事，必先利其器。理解它的核心功能非常重要，先了解它的整个运作流程。

生命周期：

在indexjs里面：

开发者工具上 Console 可以看到：

在首页 console 可以看出顺序是 App Launch–>App Show–>onLoad–>onShow–>onReady。

首先是整个 app 的启动与显示，app 的启动在 appjs 里面可以配置，其次再进入到各个页面的加载显示等等。可以想象到这里可以处理很多东西了，如加载框之类的都可以实现等等。

路由：

路由在项目开发中一直是个核心点，在这里其实微信对路由的介绍很少，可见微信在路由方面经过很好的封装，也提供三个跳转方法。

wxnavigateTo(OBJECT)：保留当前页面，跳转到应用内的某个页面，使用wxnavigateBack可以返回到原页面。

wxredirectTo(OBJECT)：关闭当前页面，跳转到应用内的某个页面。

wxnavigateBack()：关闭当前页面，回退前一页面。

这三个基本上使用足够，在路由方面微信封装的很好，开发者根本不用去配置路由，往往很多框架在路由方面配置很繁琐。

组件：

此次微信在组件提供方面也是非常全面，基本上满足项目需求，故而开发速度非常快，开发前可以认真浏览几次，开发效率会很好。

其它：

任何外部框架以及插件基本上无法使用，就算原生的 js 插件也很难使用，因为以前的 js 插件也基本上全部是一 *** 作 dom 的形式存在，而微信应用号此次的架构是不允许 *** 作任何 dom，就连以前开发者们习惯使用的动态设置的remjs也是不支持的。

1 发现页面入口

在小程序还未发布之前，就有消息泄露，发现页面将会有一个小程序的入口。

这个入口确实存在！

不过，只有在微信上使用过小程序，才能「解锁」发现页面的那个入口。

如果你还没有使用过任何小程序，现在在微信首页的搜索框搜索「解忧室」，点击解忧室的小程序，发现页面的入口就会显现出来。

现在打开微信，点击底部的「发现」按钮，你会发现，页面中多了一栏图标为S 型的「小程序了，点击即可进入小程序页面。

那些你曾用过的小程序，就集中出现在这个页面中。

在小程序页面的顶部，还有一个搜索框。在搜索框内输入已发布的小程序名称，就能搜到相应的小程序。

2 微信公众号入口

如果一个微信公众号关联了自己的小程序。那么，在公众号的介绍页面，就会出现一个相关小程序的模块。

3 小程序的二维码

小程序的二维码跟微信公众号的二维码是不一样的。

目前，小程序的二维码不支持在微信中长按识别，只能通过微信扫一扫，才能开启小程序。

所以，要是谁传给你一张小程序的二维码，按老方法长按识别，可是打不开的哦。

4 小程序如何分享？

要是你用上一款不错的小程序，想分享给朋友，有些东西还需要注意。

小程序跟公众号不一样，它不能分享到朋友圈，只能分享给好友，或者是微信群。

不过，小程序的分享效果和体验都非常棒，强烈建议你试试。

5 小程序和聊天两不误

在微信里聊天，在微信里看公众号内容，是两件无法同时进行的事。这一点，让很多人都深感麻烦。

好在，在使用小程序的时候，完全不需要担心这一点。

只要点击小程序右上角的「···」，再点击「显示在聊天顶部」，小程序就会出现在微信首页的上方。

聊完天，点一下小程序的名字，就能回到小程序的页面了。

6 Android 的特权

如果你是Android 用户，还可以享受一个特权：把小程序添加到桌面。

在小程序右上角点击三个点，即可看到「添加到桌面」的选项，点击即可直接将小程序添加到桌面。

你会看到桌面多出了一个小程序的图标。之后如果你想启动这个小程序，从桌面点击图标直接启动就可以了。

支付宝的小程序公测以来，引起大量的用户流量。支付宝的小程序向企业开户，让商户开发专属自己的小程序应用。那么，如何在支付宝客户端开发小程序下面小编手把手教您 *** 作。

支付宝的小程序组成部分类型：

1、js负责页面逻辑。

2、xml负责页面结构。

3、css负责页面样式。

4、json负责页面配置。

支付宝的小程序积累了技术经验。组件采用了蚂蚁的支付宝设计，其自身的特色功能封装在开放的流程中。在框架方面，采用开源React/webpack等技术。

支付宝的小程序开发特点：

1、基于 Web 技术，学习成本低。

2、一套代码，同时支持 iOS 和 Android，接近原生体验。

3、无缝接入 npm，背靠广大开源社区。

如何快速创建及开发支付宝小程序：

1、开发者入驻

用企业支付宝账号登录蚂蚁金服开放平台 进入小程序公测首页申请小程序公测，审核时间为1个工作日。

2、获取小程序APPID

用企业支付宝账号登录开放平台进入开发者中心频道，点击左侧小程序菜单，可以看到已经创建的小程序列表，若未创建小程序，请先创建小程序，创建后可在我的小程序列表页看到对应的小程序APPID，该ID在上传版本时需要填写。

3、下载/登录 IDE

首先，请下载小程序开发 IDE 工具。它是一个辅助开发支付宝的小程序本地应用工具，包含本地调试、代码编辑、真机预览、发布等功能，覆盖了应用开发的完整流程。下载完成之后，打开它，打开手机上的支付宝应用，扫码确定即可登录。

4、项目创建

登录成功后你会看到以下界面。点击创建项目，选择文件夹即可完成新项目的创建。

5、代码编辑

打开项目，会默认进入代码编辑模式。从左到右，依次是文件 *** 作区、代码编辑区和预览区。

代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本 *** 作。在代码编辑区修改任何代码都会重新编译，然后自动刷新应用。

工具针对 my 接口和 axml 提供了大量的自动补全提示，以帮助开发者提高效率。

6、示例代码

点击创建项目后会出现项目模版选择界面，选择 Hello World 模版项目做为初始项目，这个项目已经初始化了一些样例文件。

以上就是关于微信小程序怎么开发全部的内容，包括:微信小程序怎么开发、微信小程序教程、支付宝小程序怎么开发等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！