嵌入已有的 Web 页面的「Web」小程序和使用微信小程序框架开发的「原生」小程序相比，有哪些区别呢?

在这之前，如果有人问我，在微信中做一个产品，是用小程序还是 Web 页面 (严谨，既不是 HTML5 更不是 H5…) 的时候，我会这么说：

产品上，Web 上能做的，小程序中大部分都能做。小程序上能做的，Web 上不一定能做。

营销上，Web 能用到的入口，除了朋友圈以外，小程序都可以用。小程序能用到的若干入口，Web 不能使用。

关于后一点，朋友圈分享现在普遍会用海报来做，在这点上 Web 和小程序的能力其实是一样的，都是只能帮你保存图片到相册，再请用户手动发送到朋友圈。而小程序独有的发现 - 小程序、搜索框快捷方式等对用户回访特别重要的入口，Web 页面是不能使用的。

那么，昨天的发布意味着什么？简单地说，小程序的开发成本有了很大的下降。

微信小程序刚刚上线的时候，由于小程序使用类似 HTML、CSS 和 JavaScript 等 Web 语言的方式进行开发，让一些媒体误以为小程序就是 Web 开发，欢呼将「迎来 Web 开发的春天」。我自己的第一份工作就是 Web 开发工程师，Web 开发入门确实比较容易；可是尽管小程序使用了 Web 语言，那只是语法上的一致，整个开发模式完全不同，更接近于原生 App 的开发而不是 Web。打个比方，对在看这篇文章的大多数人来说，读中文要比读英文更容易，但假如你看不懂英文版的《量子力学导论》，翻译成中文版你也不一定能看懂。开发小程序，需要有专门的、独立于 Web 团队之外的团队，按小程序的规范重新设计、重新开发，不能将已有的产品直接迁移过来。

可以理解微信当初做这个决定，是希望开发者按照微信的要求，为微信的用户重新去思考、设计一套全新的用户体验，而不是将已有的 Web 页面搬进来。历史上，包括 Microsoft 的 Windows Phone 平台、Google 的 Chrome Packaged App 都冒过类似的险，而其实 Apple 也做过类似的决定——Steve Jobs 2010 年 4 月亲笔写过一篇文章，解释为何 iPhone 不支持 Flash (Thoughts on Flash)，其中最重要的原因是，Apple 不希望第三方开发者将已有的产品直接搬过来，而是希望开发者能直接在 iOS (当年还叫 iPhone OS) 进行开发，为 iPhone 的用户提供最好的体验。这些决定赌的是，新平台 (小程序或 iOS) 带来的商业上的好处，最终会让开发者们愿意付出这个成本。

那时候的 iPhone 还很弱小，但后来的历史证明 Steve Jobs 赌对了——Adobe 公司今年 7 月宣布，将在 2020 年最终停止 Flash 的更新和分发。

微信，则在昨天支持了开发者直接嵌入已有网页。

所以，如果你已经有一个网站，可以直接在小程序中套个壳，把网站中的 Web 页面摇身一变成一个小程序。至于这和直接分发 Web 页面有什么区别——

产品上，Web 上能做的，小程序中大部分都能做。小程序上能做的，Web 上不一定能做。

营销上，Web 能用到的入口，除了朋友圈以外，小程序都可以用。小程序能用到的若干入口，Web 不能使用。

细心的你可能已经注意到了，上面这两条并没有任何变化… 对，在小程序的用法上其实没有任何变化，只是开发成本下降了。

那么，在今天之后，使用微信小程序框架开发的「原生」小程序，和嵌入已有的 Web 页面的「Web」小程序，在用户感受上会有什么区别呢？

「原生」小程序，整个小程序是提前下载的，不会有 Web 页面打开时的页面加载感。我们过去的可用性研究表明，这是用户对一个界面是「Web」还是「原生」的最主要判断标准。对于偏工具型的小程序，「原生」的感受应该会更好。

「原生」小程序对体验的控制更完整，自己要做的事情也更多。例如 Web 页面中用户可以选择页面上的文字复制，而在「原生」小程序界面中，这是需要单独添加的功能。

「原生」小程序提供了一些专属的控件和 APIs（接口），如展示群信息、发送推送等，这些只有使用小程序框架开发才能使用。

所以，如果需要和微信生态整合得更紧密，可以使用「原生」方式开发；如果追求快速迁移已有 Web 产品，嵌入 Web 页面更快。

微信小程序开发的方法及步骤：

首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击「开发」按钮；

点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。

微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

制作完成后，点击「生成」按钮。然后选择「小程序打包」，下载小程序的标准代码包。

回到在微信Web开发工具中，在「项目目录」这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

在「项目」页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。

以上就是微信小程序开发工具的具体使用方法。使用即速应用微信小程序开发工具是为了方便开发，制作完成后，必须导入到微信开发者工具中，才可以达到小程序制作成功效果。

1.

微信小程序注册在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开发。

2.

微信小程序信息完善填写小程序基本信息，包括名称、头像、介绍及服务范围等。

3.

微信小程序开发完成小程序开发者绑定、开发信息配置后，开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。

4.

微信小程序提交审核和发布完成小程序开发后，提交代码至微信团队审核，审核通过后即可发布（公测期间不能发布）。

微信小程序开发流程，一步一步跟着做就好了。

小程序的开发与传统的web前端开发极其相似，

安装

首先下载微信开发者工具

?t=201716

直接下载安装，点击下一步

然后扫码进入微信公众号，他会自动获取你的公众号和微信

开发小程序需要专业知识。

如果你懂技术知识，那么可以下载安装官方小程序开发者工具。安装好之后，就新建小程序项目，选择代码存放的硬盘路径，填入自己的小程序的AppID（没有的话你要先到微信公众平台注册一个小程序账号，在“设置”里可以查看你的小程序的AppID）。勾选“创建QuickStart项目”，就可以开发自己的小程序了。

小程序搭建分为两种模式。

一种是专业定制，需要专业团队。按照客户定做功能需求，自己去买域名服务器，开发好的程序也放到客户自己的服务器上，每年按时续费既可。但是价格方面较贵，制作时间方面较长，至少是一个月起步。

另一种是基于SAAS平台的小程序模板搭建，价格较低开发快速，非常容易上手。

1、注册、登录

进入得有店官网注册账号并登录，先创建一个店铺，按步骤填写信息，系统根据商家选的经营品类会自动匹配合适的店铺主题模板，一键启用即可，商品、内容、表单、活动等信息同步展示。

2、店铺设置与装修

1>店铺主题模板是设计师匠心打造，符合用户体验，商家可根据业务需要，简单做图片替换即可。

2>商家也可以通过后台组件自由搭建店铺页面，可视化拖拽，也能简单上手。

3>店铺框架与布局设置完毕，即可上传商品。得有店支持如淘宝、天猫、1688批发网、有赞商城等平台商品的批量导入；商家也可单条采集商品，简单设置下价格库存等信息，即可上架。

4>进行店铺认证，根据要求填写信息。

3、授权绑定小程序

路径：渠道—微信小程序—已有小程序，立即绑定

用注册小程序时设置的管理员微信号扫描二维码，即可授权成功。

4、设置小程序的支付方式

得有店提供有平台模式和自有模式两种，小程序仅支持自有模式，商家按照要求填写商户号等信息，提交即可。

5、发布小程序

在概况—新手引导页面点击“发布小程序”，也可点击“渠道—微信小程序”进行发布，然后等待微信审核，等小程序审核通过后，商家就可以进行线上经营了。

开发小程序的方法与步骤：

1、有两种方法，一种方法是自己开发，这需要有一定的基础，微信小程序虽是腾讯出品，但是核心的思想跟vue等框架是一样的。

2、申请注册微信小程序账号，注意：注册账号之后会有一个AppID，下载微信开发者工具，新建项目的时候需要填上，否则很多功能用不了，比如不能预览、不能上传代码等问题。

3、新项目创建完毕就可以进入开发者工具进行编辑，其中最难的就是编写代码这部分，其中app.js、app.json、app.wxss这三个文件功能一定要了解清楚，这对微信小程序开发是非常有帮助的，后面有很多样式、功能之类的，都是需要添加的。

4、善于搜集精美的小组件，比如在github或者微信开放社区上找到想要的组件并巧妙优雅的组装到自己的小程序中，可以大大缩短制作的时间，编辑好点击“提交”，填写小程序相关信息就可以提交审核了，注意：分类最好填写准确，这样才能更快的通过审核。

5、另一种方法则是利用一些一键生成小程序的工具，比如凡科网，登录后，进入选择想要的模板进行相应的修改就可以了。

---