2020年Web前端自学之路指南

如果你要定制开发小程序，建议找专业的第三方开发服务商，先看有没有相应的模板可以套，如果有模板可以套，个别功能可以另外再开发，这样省钱，而且可以快速上线。

1下载微信官方的小程序开发工具，这个是编辑小程序和上传审核小程序必须的工具。

2如果你是开发者，有开发经验。那你需要去看一下微信的开发文档，看一些案列和小程序的结构语法。

3如果你不懂代码，不懂怎么开发小程序，主要有以下几种选择方式：

选择1：自己已有的开发团队开发或者组建团队开发，为什么一定要团队呢？小程序所需用到的东西比较多，前端后端各种都需要，简单的展示小程序我们就不说了，这种大多数商家是不会选择的，我们说的是具备展示+在线销售的小程序，当然也有人能够独立开发一个小程序，但是相对应的开发进度会比较慢，另外这类开发者薪资都不低，找他开发的话那后期维护肯定也是他了，这个成本一下子就高了很多，如果是团队的话开发进度会快很多，另外开发完成之后只需要出市场价留下一到两人维护即可（正常一个人就够了）。这种比较适合大型企业，有雄厚的资金支持。

选择2：找专业的开发公司外包开发大多数IT工作者应该都有在这类公司或者工作室工作的经历，直接写需求，外包公司按你的需求去开发，开发完成你就可以直接上产品使用，当然这也是需要一定时间的，而且价格也不会便宜多少，本身工种薪资水平就不低，加上专业性，价格高也说的通，这种比较适合中型企业，有自己的定制需求，开发成本也能够承受。

选择3：购买代码包，自己配置服务器在早几个月有很多这种在网络上售卖小程序代码包的，有真的也有假的，假的我们就不说了，大家自己注意就行，这种小程序通常是小程序模板，没有个性化设计，买了代码包自己部署服务器安装上去就行，当然也需要一定的IT基础，价格比前两种选择会便宜很多，功能类似的小程序买代码包的价格差不多是开发的十分之一，但是这个代码包的质量是无法保证的，建议找一个专业人士检查测试代码包，另外购买代码包也需要自己维护的，所以这种方式比较适合有能力和基础，出于其他原因不能自己开发的。能够减少开支。

选择4：找第三方平台，使用小程序模板相对前几种的话第四种算是中和了各项需求，商家可以什么都不会，直接到第三方平台试用小程序模板选择自己想要的购买，上传产品即可使 用，不需要担心模板不好用，因为平台方会定期升级维护，也不需要开发时间，直接就可以使用，不需要自己配置服务器等等，功能也会顺时增加。自己只需要准备产品和价格表就行。

开发一个微信小程序大概要花多少钱，主要还是看你的实际需求来，一般市场做小程序主要有这三种方式。

1行业模板

根据不同行业需求开发的行业模板，各行业用户可以选择适合自己的模板一键开启使用，并支持上百种营销插件，满足商家的日常功能需求。行业模板套餐价格是首年4999元，买一年送一年。

2模板定制

提供个性化模板定制服务，用户可以根据自己的需求定制个性化首页风格及商品详情页，同时增加用户所需的个性化营销插件，让商家的小程序独一无二。模板个性化定制套餐价格是首年是8999元，买一年送一年。

3企业开发

可以根据企业客户的具体需求，针对品牌企业在发展过程中遇到的“效率、品牌、营销及数据”等四大难题，进行需求分析定位、用户体验设计及功能架构规划等，最终提供量身定制的小程序解决方案。大客户模板开发费用需根据客户的具体需求报价。开发一个微信小程序大概要花多少钱？主要还是看你需求以及选择的开发方式了：

一、定制开发

按照你的需求来开发的，费用较高，一般都要几万元，开发时间几个星期到几个月不等。

二、套用模板

套用模板这种模式下改动的比较少，但性价比高且上线时间快，比较适合小白商家，一般费用在1000-3000之间。

这个得要看你想要一个什么样的微信小程序了。

这个问题就好比“建一栋房子要多少钱”，不同的房子需要的钱也不一样，微信小程序开发也是一样的。

我们是道屹道，可以开发微信小程序开发一个微信小程序大概要花多少钱，主要还是看你选择哪种模式

一、源代码开发模式

源代码开发模式下，开发小程序，一般费用是按月计算，人工费用一般在几万~几十万中；

二、套用模板编辑模式

套用模板进行编辑模式，这种模式下改动的比较少，对于一般程序员在一两天内就可以搞定，一般费用在1200-2400之间。

三、模板拖拽制作模式如果基于模板拖拽模式下，一般是通过组件自由搭配出个性化小程序，一般在3-7天内能够完成，开发的费用几千元不等，主要还是看你所需的功能以及开发公司的收费标准。小程序开发需要多少钱，这个要看你做什么样的小程序，你对小程序的功能、框架、定位、交互、UI的要求是什么？

这些都需要和第三方服务商提前沟通规划好

开发一套小程序，价格几万到几十万不等。

第一种，套模板小程序-价格比较低，一般几千到一万

特点是：一般需要按年收费。如果有些功能没办法满足你的需要，在模板基础上，再做定制开发即可。相对于完全定制开发来说， *** 作简单，方便，价格低，开发时间短，一个星期左右就可以上线。

第二种，购买源码-价格中等，一般1-2万左右。

特点是：方便，能够快速上线；最重要的就是你永久拥有了小程序源码，无需按年缴费。而且可以利用源码，开发无数个小程序，不需要重新支付费用。但不一定能够买到合适的源码，若有合适的源码，那么这种方式是最省钱，最有保障的。

第三种，定制开发-价格比较高，一般一万到十几万

特点是：独一无二的，具有永久使用权，功能是按照你的要求定制开发的，服务也更加到位

但就是价格比较高，定制版的基本费用在上万元到十几万不等。具体的价格并不是一个固定的数字，一方面会受制作的小程序功能开发成本的限制，另外一方面由于微信小程序中涉及到域名，域名证书，服务器，短信资费小程序认证等一系列内容，所以具体的价格还是要依据以上几大模块控制

提供域名注册的有很多注册商，目前阿里云里面的价格是55-130元不等，注意这是按年缴费的。

目前阿里云官方最便宜的是1000多

服务器主要是用于存储小程序里面的商品，小程序的源代码文件，以及数据库的。

除了存储之外，还会影响到我们的小程序打开速度。

你会发现，有的小程序速度很快，有的很慢，一般慢的原因主要是服务器的配置和带宽。

当然，前期如果没有多少用户，可以买个配置低一些的，后期有用户了，再不断升级。

这个一般在小程序登录的时候，会需要发送短信验证码进行手机号绑定。以及在客人下单时，给客人发送一条短信提醒，告诉客人已经收到款了。

那这些短信都是要自己购买收费的。有预算的话，可以用，毕竟用户体验好一些。没预算也可以不用。

前期大概花费2000元即可。

微信小程序认证

这是微信官方收取的300元1年。

注意，以上仅仅是小程序的配套组成部分及相关费用，还并未涉及开发费用。

以下是开发相关费用。

开发又分为模板和定制两种开发类型，其中模板开发相较来说费用较低，采用的是模板嵌套，开发过程时间较短，功能较于定制开发过于简略，价格较低。

定制开发可以根据用户所需要的专属功能进行定制，开发难度较大，开发过程较长，价格较于模板开发贵一些，具体的费用要依据功能来计算。

所以说如果个人开发的话付出的成本和时间较多，可以选择交给专业的互联网公司来开发。

微信小程序前后端分离的主要实现方式是将前端和后端的代码逻辑分开，前端负责展示和交互，后端负责数据处理和逻辑控制。下面简单介绍一下微信小程序前后端分离实现的一些关键步骤：

1 前端代码开发：使用微信小程序开发者工具或其他工具，开发出前端的界面、功能、逻辑代码等。

2 后端接口开发：后端负责提供API接口，承担数据处理和逻辑控制等任务。采用RESTful API 或GraphQL API 形式提供前端需要的数据接口。

3 前后端接口对接：在前端代码中，需要对后端提供的接口进行调用，获取数据进行展示，完成前后端交互。

4 服务端部署：将后端代码部署到服务器上，在服务器上运行后端代码，使得前端发起请求后能够得到正确的数据返回。

5 网络安全和数据安全：在前端和后端的实现过程中，需要注意网络安全和数据安全的问题，保证通信过程中的安全以及数据的保密性和完整性。

以上是微信小程序前后端分离实现的一些关键步骤，需要注意的是，该过程需要前端和后端开发人员进行密切协作，并进行适当的测试和调整，以保证整体的实现效果和性能。

微信版本升级后，打开微信，点击底部的“发现”这个菜单项，就会发现升级后的“发现”菜单里，增加了“小程序”这样一个功能。

2点击打开小程序后，可以看到有附近的小程序和我的小程序，附近的小程序是所在定位周边的小程序。

下面的小程序列表可以看到的是我们之前打开过的一些小程序，如果有自己觉得很好用的小程序就可以点击左上角，添加到我的小程序里面。

3微信小程序还有具有搜索功能，打开搜索页面可以输入想要找的小程序。

区别一、运行环境的不同

传统的网页H5的页面运行环境是浏览器，包括webview，而微信H5网页的运行环境并非完整的浏览器。

区别二、是开发成本的不同

一个网页H5web开发需求时，开发工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack、Browserify等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、FetchApi等)、浏览器兼容性等都要考略。

一个微信H5的开发需求时，微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的。

区别三、是获取系统级权限的不同

微信H5相对于网页HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，而这一点恰巧是HTML5web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

区别四、是应用在生产环境的运行流畅度。

无论对于用户还是开发者来说，都是最直观的感受。当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，需要不断的对项目优化来提升用户体验。但是由于微信H5运行环境独立，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。

如何制作微信小程序，首先我们需要从他的构成确定，微信小程序的制作需要的点有三个：设计、前端、后端。而相对简单的微信小程序可能只需要设计、前端。

小程序制作所涉及到的设计：页面的排版和美观UI这些内容都是需要设计的，所以这个是需要你熟悉设计内容，用到的软件是 PS，专业点还有 原型图制作软件：Mockplus 。

小程序制作的前端：设计排版和UI完成后需要前端工程师将其进行编程实现。所以你需要一个前端工具，微信自身是提供一个开发软件的

或者你也可以使用其他的前端语言进行开发，然后选择自己熟悉的编辑器。列举几个使用比较多的软件：sublime text3 编辑器 、Beyond Compare 比较代码工具、EditPlus 编辑器。

小程序制作需要用到的后端：前端完成后，如果你需要有些交互的功能则需要后端，当然后端也可以不要，纯展示或者简单交互的话前端就可以完成的，比较复杂业务和逻辑的内容才会需要后端，因此后端的内容会比较南。一般后端开发所使用的软件就是idea了，本人就是一位Java程序员，专攻后端。用上后端意味着你还需要域名DNS和服务器等等的知识去支撑。所以后端一般用的软件是：idea、Linux服务器、ftp（Windows与Linux之间的传输软件）、xshell（这个比上一个好用一些，同样的传输文件作用）、数据库等等。

总结： 简单版：一个设计工具 + 一个微信自带的前端编辑器。 中等：设计工具 + 其他语言编辑器 +微信编辑器。 复杂： 设计工具+ 前端工具+后端工具。

微信小程序的正常流程：

1注册小程序

2开发前准备

3下载开发者工具开始制作

4提交代码

5审核通过即可使用

软件只需要一个：微信开发者工具（如果用第三方平台的编辑器就不需要下载这个软件开发小程序）

个人小程序建议自己写代码，因为每个人的想法都天马星空，想展示的东西也不一样，还有个性化需求，很难做出符合要求的小程序。所以自己制作很自由，慢慢做出自己满意的效果。缺点就是，需要学习的东西很多。

商城小程序推荐直接用第三方的编辑器，因为不用学习新的知识， *** 作简单，花费时间很短，发布几个商品，编辑好小程序，提交审核就可以正常使用。需要准备：营业执照一张。

分步制作一个可以正常使用的微信小程序

这里介绍两种方法，自己开发的制作流程和通过第三方平台的制作流程。

自己开发

1注册

普通的注册步骤就点立即注册，跟公众号登录是同一个入口。

点“2”指向的地方-小程序图标，是小程序开发文档，底部也有注册小程序的入口，点击进入注册。

认证邮箱

个人小程序和商城小程序

这一步你要选类型，是要开通个人，还是开通企业

小程序类型选择-轻栈截图

如果这个小程序仅仅是展示用的小程序，那类型选择个人就好了，免认证费。

如果是商家，想要小程序带有支付系统，制作一个商城小程序，那就选择用企业/组织认证。通过这种方式开通的小程序需要300认证费。

但如果你拥有一个认证过的企业类型公众号，可快速注册并注册小程序。

复用公众号资质注册小程序

在公众号后台 *** 作，点击小程序>>管理小程序>>快速认证小程序。

2开发前准备

1绑定开发者

2设置>>开发设置，获取AppID

3发布流程

需要下载的软件--开发者工具

开发过程中有任何问题，可以参考微信文档

通过第三方-零成本开通微信小程序商城

完全零基础想要搭建一个微信小程序商城，有简化了的步骤，不需要代码，拖拽式模块化设计，支付系统，营销插件统统支持。

同样零成本，甚至连小程序300认证费都可以免去。开发完成的小程序商城审核通过就可以立即投入运营。

通过轻栈注册微信小程序，没有公众号也可以直接免300认证费注册微信小程序。

注册成功后不需要开发前准备，直接制作，拖拽式编辑，按住鼠标左键，把需要的模块拉到合适的位置，松手，右键编辑。

轻栈Design Lab编辑页面

上架商品在电商系统

轻栈电商系统

一切准备就绪，就可以发布了，如果商品数量10个左右，整个制作过程约30分钟。同样的商城小程序效果，同样的0成本，使用第三方可以节省很多时间和精力。

但模块化，拖拽式的编辑器满足不了所有商家的需求，功能再丰富也不可能100%覆盖所有行业，要做出特别的效果，自己搞不定，第三方编辑器不好实现，那就找专业团队去做吧。

以上就是关于2020年Web前端自学之路指南全部的内容，包括:2020年Web前端自学之路指南、一个小程序的后台是web端、怎么才能开发一个微信小程序呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！