开发一个微信小程序要花多少钱？
开发一个APP要花多少钱？
————————————————————
曾经有个很火的段子，叫做“开发一个APP要花多少钱”。引一下西乔的漫画（引自公众号：神秘的程序员）。
OH！开发一个APP原来需要这么多东西的，后端服务器，数据库，通讯，API，还“保守估计20万”。
开发一个微信小程序最少需要花多少钱？
————————————————————
那么，在APP即将被微信终结的时代（坊间是有这么），开发一个微信小程序最少需要花多少钱？是不是真的比开发APP便宜得多？下面小编为各位算一笔明细账。
一、首先要开发
我们假定要开发的是一个电商购物的小程序，用户注册登录，产品陈列，加入购物车，下单购买，支付，售后跟进，这是一个典型的电商需求，这种需求在市面上无论APP或公众号H5应该都挺多。
定制化的需求开发一般按照开发商投入的人力（人头）来报价，大约需要投入人手如下：
需求分析 兼 项目经理 兼 team leader 1人*20天*1k元=2w
UI 设计 1人*10天*0.8k=8k
前端开发（小程序开发）1人*20天*0.8k=1.6w（早期好人才稀缺，这里可能有上浮）
前端开发（PC端）1人*20天*0.8k=1.6w
后端开发 兼 系统架构 1人*20天*0.8k=1.6w
测试 兼 维护部署 兼 售后客服 1人*30天*0.8k=2.4w
小计： 10w
这么看起来好像和“开发一个APP”差不多。这个价格也接近开发商的成本了。也许有人要问这里的人日单价是不是小编乱拍脑袋，我这里稍微解释一下，事实上市场上做定制开发的厂商对人头的定价是很参差的，而小编是假定出品是有品是有质感的，这意味着每个参与者的水平都不会差。参考现在市面上好的人才身价，有能力独当一面的优秀工程师月薪都是5w起跳的，如果再摊上企业经营成本和人力闲置率，这个定价并不算高。
当然，像电商购物这种典型的需求，随着各个开发商产品的成熟，各种标准化模块越来越多，价格也会稳步下降。
例如有的开发商会将通用的功能沉淀成标准模块，通过“走量”销售来降低成本；也有的开发商会将开发抽象成“生产线”和“开发平台”，可以减少开发工作量与风险，从而达到降低成本的目的。
参考公众号定制、APP定制的市场发展轨迹，笔者估计小程序推出后的半年内，定制开发商的价格会下降至少50%-70%，也就是说随着各类开发商的“开发平台”和“标准化模块”的成熟，上文的需求可能会降到5w-8w。
二、租赁服务器
我们处在一个云服务快餐化的时代，运行一个互联网软件再也不需要进行繁琐的硬件采购、网络租赁与托管、网络安全、容灾，我们只需选择一个IAAS或者PAAS服务商，就可以快速解决服务器问题。
来张图简单说明下云服务租用和自己购置硬件的区别：
如上图，我们找开发商开发的是应用和数据，这个本身就是“自己买”；
左一图“本地部署“，意味着什么都得自己买，费时费力费钱，一般购置服务器和租赁网络带宽的初始费用是5w起跳；
左二图”IAAS“是个不错的选择方案，推荐的厂商包括阿里云，AWS，腾讯云，以阿里云为例，租用一台适中的独立ECS主机（必要时可以租用数据库）每年的费用大约在4k-5k；
右二图”PAAS“也是可以选择的方案，对比IAAS的好处是连后端运行时环境都不需要自己考虑，直接就可以租用一个tomcat或者apache容器，也可以直接租用一个DB实例（其实这是便宜了开发商，呵呵，开发商不需要为环境的事情操心），一般租用单独容器实例价格可能会更低一些，按需吧，一年或许可以控制在2k以内；
右一图“SAAS”，呵呵，不在本文讨论范围。（等有赞、微店推出小程序版的网店之后，可能连找开发商的精力也免了吧）
小结：服务器支出 域名 其他维护类费用估算是5k每年吧。
三、注册认证
腾讯的代理认证机构会征收每年300元认证服务费（呵呵，权当交给腾讯的保护费吧）；
还有，注册个域名吧，每年70元。
四、运营推广
本文只讨论开发，不讨论推广。那为什么把运营推广列出来？呵呵，小编只是想表达一下，做公众号（小程序）推广，坑特别大，各位老板留意了，这里要花好多好多钱。
各位老板，还想要开发微信小程序吗？
————————————————————
老板们，假如您看了文章没被吓跑，还想着打造一个专属微信小程序的话，到我的公众号（搜索：云笔技术博客，或者长按本文底部二维码识别关注）给我留言吧，或许你我会因为小程序结缘，善哉。
长按二维码关注云笔网络公众微信，定期推送互联网资讯及IT技术。
长按二维码即刻关注微信。
云笔，专注于互联网技术深度研发。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。微信小程序-开发者工具篇（附带下载地址）
编辑区可以对当前项目进行代码书写工作，同时可以对文件进行基本的添加、删除以及重命名。
工具目前提供了4种文件的编辑：wxml wxss js json
为了帮助开发者简单和高效地开发微信小程序，我们推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。
启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信帐号
调试工具分为 6 大功能模块：Wxml、Console、Sources、Network、Appdata、Storage以及
Wxml Pannel
Wxml Pannel 用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，同时可以通过修改对应 wxss 属性，在模拟器中实时看到修改的情况。通过调试模块左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。
Sources Pannel
Sources Pannel 用于显示当前项目的脚本文件，同浏览器开发不同，微信小程序框架会对脚本文件进行编译的工作，所以在 Sources Pannel 中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define 函数中，并且对于 Page 代码，在尾部会有 require 的主动调用。
Network Pannel
Netwrok Pannle 用于观察和显示 request 和 socket 的请求情况
Appdata Pannel
Appdata Pannel 用于显示当前项目当前时刻 appdata 具体数据，实时地反馈项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。
Storage Pannel
Storage Pannel 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。
Console Pannel
Console Pannel 有两大功能：
开发者可以在此输入和调试代码
小程序操作区
小程序操作区帮助开发者模拟一些客户端的环境操作。例如当用户从小程序中回到聊天窗口，会触发一个小程序被设置为后台的api。
当小程序使用到多窗口的时候，可以在顶部操作区进行页面切换，需要注意的是这个操作只是为了方便开发者才存在的，在真实的微信客户端中是不会有的。
小程序还未公测，微信小程序社区就起来了，真火爆啊
微信小程序开发文档PDF版：
方便离线阅读和检索。
小程序即将就要上线了，我在这里分享一下我收集到的各类小程序源码供大家查看学习吧：
小程序商店http://www.51xcx.cc/
商店推荐：&http://www.51xcx.cc/
小程序商店
http://www.51xcx.cc主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
CSDN物联网开发由CSDN物联网内容团队运营。关注CSDN物联网开发，get更多物联网新鲜资讯及技术干货。
不积跬步无以至千里，不积小流无以成江海
【编者按】从内测到开启公测，微信小程序已然成为了 IT 领域最为火热的话题，除却不同类型应用的可能性探索之外，对于开发团队而言，最多的当属踩过的那些坑。近一段时间，CSDN 也在为项目进行小程序开发的初步尝试，对此，CSDN 高级研发工程师尚琳凯在一次线下活动中分享了知识库小程序开发的一些经验，本文为扼要总结。微信小程序的世界还都充满着未知数，欢迎邮件交流分享。小程序为开发者提供了什么什么是小程序小程序是微信推出的一种新的公众号的形态，不需要下载安装，即可在微信中使用的应用。同时，需要注意的是，小程序、订阅号、服务号、企业号是并行的体系。以下为 CSDN 知识库推出的“”知识图谱，能够更好地帮助读者了解微信小程序在微信开发中的位置。微信小程序 MINA 框架小程序提供了一个框架，微信称之为“MINA”，这个框架主要分两个层面，视图层和逻辑层。框架的核心是一个响应的数据绑定系统。WXML 中的动态数据均来自对应 Page 的 data，这个数据绑定是单向的，只有数据发生变化，视图才会做出相应的调整。这种模式，让开发者专注于事件处理上，改变对象状态，实现视图更新。 为了方便以及限制开发者开发，微信自己定义了一系列的基础组件，就是视图层的组成单元（表单组件、媒体组件、导航等），组件自带一些功能与微信风格的样式，类似 HTML 标签。微信还提供了很多的原生API，用来调用微信内部提供的功能，以及一个微信小程序开发者工具。微信小程序源码结构：
视图层（将逻辑层的数据展现在视图上）
逻辑层（通过改变数据[setData方法]来改变视图）
在小程序中，微信规定了界面的组成模式，由四个文件组成：
.wxml 文件（页面结构文件）标签语言，类似 HTML，真正负责页面结构的文件，可以绑定数据；
.wxss 文件（样式表文件）类似 CSS，大部分 CSS 样式都相同；
.js 文件（脚本文件）用来运行我们的逻辑，使用 JS 语言；
.json 文件（配置文件）主要配置公用的样式，比如 Tab 栏、窗口样式等。
知识库小程序开发知识库小程序开发的初步尝试关注重点是 JS 文件和 WXML 文件。由于知识库把开发领域细分成某个领域，例如技术语言、运维系统、行业应用等方面，对每个技术和知识点都设计一个网状图谱，来总结技术某一方面涉及到的知识，同时为知识结构准备一些精品的内容，方便大家更系统的学习知识。所以在知识库这个产品上，需要实现内容推荐、个人中心以及搜索。用户侧和内容推荐都包括四层：库-》知识结构-》内容列表-》内容详情页。搜索功能可以根据搜索的关键词查找到用户侧或推荐知识库的相关内容，方便大家阅读或收藏。知识库页面设计小程序组件满足了所有的显示功能和结构（列表、窗口、按钮、事件等），API 齐全，便于逻辑开发。不同的功能模块放在不同的页面里，具体表现为：
视图层： Tab 栏，列表页，知识结构页，内容详情页，搜索页
Tab 栏-&通过绑定数据index选择一级页面；
列表页-&通过改变绑定数据contentlist数组，控制列表显示和动态加载；
搜索页-&通过绑定数据searchValue，通过事件及时获取用户输入。
小程序开发路上踩过的坑1. 打开页面数量限制（redirectTo还是navigateTo）微信提供 Tab 栏的设置，可以在app.json中配置，在 App 里配置的 Tab 栏将出现在所有的一级页面。但是它有一个问题就是第一次点击 Tab 将会打开一个新的页面，微信对打开页面的数量限制是五个。微信提供了几个页面跳转的方式，redirectto、navigateto，还有返回。重点说这两个，redirectto会直接在原页面上打开新页面，navigateto会新开启一个页面。由于微信在页面数量上有限制，我们产品的层级有比较多，导致无法直接在app.json设置 Tab 栏。所以我们把 Tab 栏单独设计出来。点击 Tab 不开启新页面。在每个初级页面都引用进去，之后二级三级的页面上不使用 Tab 切换，而是需要返回到初级页面。2. 树状结构的展示每一个库都有一个树状的知识结构，大家请看这个例子。每个层级展示的方式是一样的，所以正常情况下，我们都会选用递归的方式来使展示。比如在这张图里，当我们判断这个节点拥有子节点，就想再次调用同样方法显示。但是很遗憾，小程序里，不论是使用模板，还是使用include的方式引用文件，都没有办法做到自己调自己。幸运的是我们知道层级最深有多少，这样就可以写几个同样的文件和模板，加上不同的命名来调用。如果是未知层级的树状结构，就会非常难以处理。在这里可以建议大家将树状结构变成数组的形式，加上层级标识，在 WXML 文件中可以使用循环的方式来处理层级的显示。 3. HTML 页面在微信小程序中展示这是一个非常难处理的问题，微信不支持 HTML 页面的展示，所以需要把所有 HTML 的标签转化成小程序内允许的标签。我们使用了一个名叫wxParse的应用，它的功能就是通过正则表达式将 HTML 页面转化成 JSON 形式，再用模板的方式展现出来。在这里面规定了各个标签的样式（WXSS）。遗憾的是它也有层级方面的问题，同样是重复写了很多完全一样的模板。HTML 转 JSON 工具转化后的 HTML 页面
如果 HTML 的标签层级结构超出了模板个数，那么超出部分将无法显示出来。这个应用是在微信中运行的，建议大家把数据转化放在服务器端来进行，将转换后的数据发给小程序。另外小程序setData()一次不能超过1024K，如果你的 JSON 格式数据超过这个限制，就会很难再拼接。4. 冒泡事件一个组件上的事件被触发后，该事件会向父节点传递，由此引起不必要的逻辑处理，对此，使用费冒泡事件处理。5. 网络请求接口wx.request()没有携带 Cookies如果服务器端有通过获取 Cookies 处理的逻辑没办法和小程序结合，只能为小程序单独开发新的接口。微信发起网络请求 API总结小程序在运营上的优势在于微信用户量大，适合推广，某些功能单一的 App 可以在小程序中实现，不用再下载 App。开发者不用考虑平台，开发成本低。但同时不适合开发逻辑复杂界面丰富的程序，受到框架限制，随意性小，无法满足所有功能。了解最新移动开发相关信息和技术，请关注 mobilehub 公众微信号（ID: mobilehub)。}