小程序开发有三种方式

目前小程序越来越火，小程序开发有三种方式：

第一种，基于现成模板进行编辑的模式。

这种模式下，模板是最为首要的，用户首先选择一个最为接近需求的模板，然后采用编辑、配置的方式对模板的名字、标题、栏目名称/数量、等进行修改。

优点

快，非常简单，如果素材等提前准备到位了，通过模板编辑配置的模式开发微信小程序，一般1、2个小时就能搞定！

缺点

找到匹配度足够满意的模板并不容易：这种模式比较依赖于模板供

1）找到匹配度足够满意的模板并不容易：这种模式比较依赖于模板供应方的模板库丰富程度，一般来说，最终用户的需求都是千变万化的，往往都是各有各的诉求，即便模板平台方提供的模板数量很丰富，却仍然会经常出现找遍了模板库也找不到满意的恰当的模板的情况。

2）几乎没法做较深度的个性化定制：一旦希望做点比换、改标题更复杂点的个性化扩展，就会发现这种模式是一个死胡同，这种模式的工具里，几乎没有厂商能支持比较深度的功能个性化修改、定制。

第二种，模板拖拽制作。

这种模式下，工具平台方会提供一些比较典型的行业、场景模板，同时还会提供比较丰富的相关功能模块，这些功能模块可以自由“装卸”到模板上去。模板比较全面地体现了相关类别小程序的整体框架，用户基于该模板框架，结合自身的具体需求，通过拖拽方式对各种各样的模块进行自由组合，从而实现各种各样的个性化需求。

优点

比较简单快捷，对制作者几乎没有技术背景的要求，同时还有比较大的个性化拓展可能性。基于“模板拖拽式制作”的模式做微信小程序开发，一般制作周期按天计算，2、3天能做出一个中等复杂度的小程序应用。

缺点

这类模式的工具很容易做成"慢性毒药"，具备一定麻痹性：对实际应用场景而言，单纯这种模式的个性化能力其实依然远远不够；但由于往往呈现的是“能任意定制”的形象，所以这类工具其实很有麻痹性，用户使用到后期往往有上了贼船的感觉——说好的自由定制呢？发现依旧很多地方不能改，依然这不能实现，那也没法实现。而此时，往往已经有相当的运营投入和数据沉淀，要想重头再来找人从零开始帮另行定制一套，影响太大，伤筋动骨啊！

第三种，组件化的快速开发模式。

能到“组件化”这个层面，足以表明这种模式其实已经开始颇有点专业开发的味道了。

这种模式下，主要特征是将各种比较通用的代码模块封装成一个个组件，未来开发中不用重复编写这些模块的代码，而是直接拖用组件。

优点

因为是在代码层面进行开发，对小程序的功能实现有最大的掌控度。也是因为进入了代码层面，所以对于一些特殊需求的复杂小程序，就能根据需要随时全面开展性能优化了。此外，由于组件化，开发速度也还比较高。

缺点

难度大，需要有的一定的编码基础；完成一个小程序开发的时间一般都不短，即便比较成熟高效的可视化组件式开发工具，也得需要半个月之久。

小程序怎么开发？常见的开发方式有两种：

一、模板开发，一键套用快速生成小程序，这种方式最快速也是目前开发小程序最为简单方便的，3天左右就能上线成功。适合小白商家使用，性价比高，一般几千就能拥有带有拼团、砍价、超级会员卡、手机端管理等营销功能的小程序了。

二、定制开发，这种方式是由开发公司根据你的需求来一个个开发的，也就是从零开始，所有耗时也会较长些，一般要几个月，看功能复杂程度，费用也会较高，几万到几十万。

笔者由于工作需要，曾经参加过一个微信小程序同 SAP 系统集成的项目，因此从零开始学习了微信小程序的开发知识。这里通过系列文章把自己所学分享出来，希望对相关学习者有所帮助。

本教程前面三篇文章：

通过本系列前面三篇文章的介绍，大家对微信小程序的视图和控制器，微信调试器的用法，以及如何消费微信平台提供的 Public API，已经有了一个最基本的认识了。在这个基础上，本文让我们进一步学习微信小程序的页面跳转路由设计。

这个系列教程的前六篇文章我们都在单个的视图上 *** 作。现在让我们创建第二个视图，然后实现从第一个视图到第二个视图的跳转。

首先开发第二个视图：

做过 Angular 开发的朋友们对上面的视图设计一定不会陌生。这个视图的数据源由模型 logs 提供，是一个列表结果，列表每个元素的数据源是模型 logs 里的一条记录，用 log 代表。

为了让 log 看起来显示更整齐，在 log 内容之前，显示每条 log 的索引。因为 log 的索引从 0 开始，所以用 {{index + 1}} 在索引前加一，这样显示的索引更符合普通人的阅读习惯。

这个视图的控制器：

控制器 logsjs 的实现：

在控制器里调用 Page 构造函数，给当前控制器指定名为 logs 的数据模型。

这个数据模型的值填充，通过微信框架提供的 API wxgetStorageSync 来获取。

wxgetStorageSync 的含义在微信小程序 官网 上有定义：从本地缓存中同步获取指定 key 对应的内容。

第二个视图的 UI 和控制器都开发完毕，剩下的事情就是在第一个视图里定义一个触发点，让它能触发到第二个视图的跳转。

我在第一个视图上通过属性 bindtap 绑定了一个点击函数 bindViewTap :

bindViewTap 在第一个控制器 indexjs 里的实现：

跳转还是通过微信小程序提供的 API wxnavigateTo :

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

学习了微信小程序页面路由跳转之后，我们来进行一个实际的需求开发。

效果：我在手机上打开微信小程序，自动显示出我当前所在的地理位置：

具体步骤：

ReservationServicegetGeocode 的实现：

看下面一个使用高德地图 API 将经纬度转换成文字描述的地址的例子，使用 postman 发送请求：

API 响应：

假设我用 vue 开发了一个 web 应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试。

假设我的 web 应用的访问入口是如下公众号菜单的"预约"按钮:

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在 web 开发者工具里,将开发者本人的微信号添加进去:

点击"绑定开发者账号":

输入待绑定的微信账号:

点击绑定,该微信号会收到一条消息,询问是否绑定:

点击同意 *** 作完成绑定。

接下来, 把要调试的 web 应用的 url 放到微信开发者工具地址栏里，回车之后，微信开发者工具就会d出一个询问窗口，点击 Allow 之后，就可以在微信开发者工具提供的类似 Chrome 开发者工具调试器一样的界面里进行单步调试了。

这个粘贴到地址栏的 url 很有讲究。

>

以上就是关于小程序开发有三种方式全部的内容，包括:小程序开发有三种方式、小程序怎么开发、微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！