微信小程序怎么开发文章

‘壹’ 微信小程序怎么开发

第一章：准备工作
做好准备工作很重要。开发一个微信应用号，你需要提前到微信的官方网站下载开发者工具。
1.下载最新微信开发者工具，打开后你会看到该界面：
2. 点击“新建 web+”项目
3. 该页面内的各项内容需要注意——
AppID：依照官方解释来填。
Appname: 项目最外层文件夹名称，如你将其命名为“ABC”，则之后的全部项目内容均将保存在“/ABC/…”目录下。
本地开发目录：项目存放在本地的目录。
注：再次强调，如果你和团队成员共同开发该项目，则建议你们使用同样的目录名称及本地目录，以确保协同开发的统一性。如果你之前已有项目，则导入过程与以上内容近似，不再赘述。
4. 准备工作全部完成后，点击“新建项目”按钮，弹出框点“确定”
5.此刻，微信开发者工具已经为你自动构建了一个初始的demo项目，该项目内包含了一个微信应用项目所需具备的基本内容和框架结构。点击项目名称（图中即“cards”）进入该项目，就能看到整个项目的基本架构了：
第二章：项目构架
微信目前用户群体非常庞大，微信推出公众号以后，火爆程度大家都看得到，也同样推动着 Html 5 的高速发展，随着公众号业务的需求越来越复杂，应用号现在的到来也是恰到好处。
微信提供给开发者的方式也在发生全面的改变：从操作 DOM 转为操作数据，基于微信提供的一个过桥工具实现很多 Html 5 在公众号很难实现的功能，有点类似于 hybrid 开发，不同于 hybrid 开发的方式是：微信开放的接口更为严谨，结构必须采用他提供给的组件，外部的框架和插件都不能在这里使用上，让开发者完全脱离操作 DOM，开发思想转变很大。
工欲善其事，必先利其器。理解它的核心功能非常重要，先了解它的整个运作流程。
生命周期：
在index.js里面：
开发者工具上 Console 可以看到：
在首页 console 可以看出顺序是 App Launch–>App Show–>onLoad–>onShow–>onReady。
首先是整个 app 的启动与显示，app 的启动在 app.js 里面可以配置，其次再进入到各个页面的加载显示等等。可以想象到这里可以处理很多东西了，如加载框之类的都可以实现等等。
路由：
路由在项目开发中一直是个核心点，在这里其实微信对路由的介绍很少，可见微信在路由方面经过很好的封装，也提供三个跳转方法。
wx.navigateTo(OBJECT)：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
wx.redirectTo(OBJECT)：关闭当前页面，跳转到应用内的某个页面。
wx.navigateBack()：关闭当前页面，回退前一页面。
这三个基本上使用足够，在路由方面微信封装的很好，开发者根本不用去配置路由，往往很多框架在路由方面配置很繁琐。
组件：
此次微信在组件提供方面也是非常全面，基本上满足项目需求，故而开发速度非常快，开发前可以认真浏览几次，开发效率会很好。
其它：
任何外部框架以及插件基本上无法使用，就算原生的 js 插件也很难使用，因为以前的 js 插件也基本上全部是一操作 dom 的形式存在，而微信应用号此次的架构是不允许操作任何 dom，就连以前开发者们习惯使用的动态设置的rem.js也是不支持的。

‘贰’ 微信小程序怎么开发

1、首先在浏览器打开微信公众平台，扫码登录进入小程序网页。

‘叁’ 微信小程序的开发流程是怎么样的

从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。

微信小程序制作步骤及流程

微信小程序制作步骤及流程：

1.确定好微信小程序的的定位和目的

如行业、功能、内容、目标用户、目标市场、意向名单、专业作用等。

2.落实小程序的程序制作公司，或者团队

若是外部团队，要签订合同，打款之前，到公司实地考察情况。小程序制作的公司很多，并不是每家公司都会制作出你心仪的小程序。这要考察，更要好好沟通。

3.确定好小程序制作文案资料

包括设计需求、功能项目、表格表单、广告语言、模板栏目、按钮、跳转链接、运行逻辑、计算公式、展现手段等。

4.小程序设计方案，设计图片出炉

交付美工设计，保持沟通，按照文案和沟通内容进行设计。初版审核，是否需要更改设计细节。敲定设计方案。

5.小程序设计切片，程序制作，后台制作

设计稿交付前端切片，程序编辑制作。

6.小程序相关资料素材上传，功能设置

添加相关的文本图片内容，完成小程序。

7.小程序测试

进行不同环境测试、表单测试、电话测试、后台测试等。

8. 申请注册小程序

方法一：通过微信公众号后台快速注册微信小程序

小程序管理，添加，快速注册，认证，绑定。注册要申请一个邮箱，单独设立密码。认证的时候要注意，认证一般使用原公众号认证的资质，直接选择公众号认证就行。

方法二：直接注册微信小程序

在微信公众平台官网首页，点击右上角的“立即注册”按钮。选择注册的账号类型→填写邮箱和密码→激活邮箱→填写主体信息→选择主体→验证→填写管理员信息→完成注册（参考《微信小程序接入指南》）。

9.填写小程序资料

完善信息，填写微信小程序名字，介绍，上传小程序头像，设置关键词。

10.添加管理员

把程序员设置为小程序项目管理员，分配权限。

11.上传小程序版本V1.0.1

管理员按照微信开放平台指南，在开发管理里面，上传开发版本。

12.代码审核

版本审核阶段，可在审核版本中查阅。

13.审核通过

手机收到“代码审核通过”的信息。

14.生成线上版本

小程序版本V1.0.1上线，以后就是V1.0.2版本了。

15.发布版本

设置允许被搜索。可在微信小程序里面，搜索到小程序，搜索名字。

16.附近小程序添加

按照营业执照，添加小程序的地点位置。可在此位置附近，搜索到小程序。最多添加10个位置，需与营业执照主体相关才能添加地点。

17.添加搜索关键词

添加行业的关键词，方便搜索。目前是自然流量的主要来源之一。

18.客服功能

绑定微信号，设置客服，方便在线咨询。

19.其他

微信支付设置、数据统计、开发管理、二维码等。

20.微信小程序上线。

微信小程序正式上线。

‘肆’ 微信小程序如何开发

1、进入到微信小程序后台。在小程序后台补充小程序的基本信息，填写小程序名称，头像，介绍，选择服务类目。

2、完成注册过后就可以进行小程序的开发和调试。

3、查看我的模板，点击小程序，进入小程序开发。

4、点击下载，下载开发工具。

5、选择添加项目，在程序框内输入代码。

6、代码输入完成后，进入调试。

7、最后将小程序分享打包即可。