如何搭建一个微信小程序

微信小程序上线以来，无数的创业者对其趋之如骛，这其中尝试最多的，就属电商小程序了。商城类可以说是小程序领域最成功的分类，移动电商时代下，小程序商城发挥的作用和影响力愈发明显，目前已经成了商家抢夺流量的标配工具之一。但是很多新入行的商家对小程序仍然一知半解，那么小程序商城的开发流程是怎么样的下面小编就来向大家具体介绍一下微信小程序商城制作方法，希望通过小编的介绍之后能够帮助商家更快的开发正规的微信小程序商城。

一确定发展目标

在制作微信小程序商城之前，商家首先要明确自己制作的微信小程序到底都有哪些功能，主要经营的业务都有哪些。现在电商小程序的各类功能是越来越多了，给各行各业的商家都提供了更多选择，也造成了很多小型商家盲目跟风的现象。其实，普通商家并不是所有功能都需要应用上，这样只会导致你小程序开发成本的增加，大量你根本用不到的功能影响整体流畅性和速度，增加维护难度。所以切忌盲目跟风，应结合自己实际情况、多参考同行案例，深思熟虑自己到底需要哪些功能，这样才能做一个性价比高的小程序。

二选择开发的方式

尽管从本质上微信小程序模板和小程序定制开发都是属于微信的衍生应用，但是由于彼此的质量不同、功能上的数量、页面结构等方面也是有所区别的，所以价格自然而然也是会不一样。而且现在的微信小程序定制开发也是时刻的会进行升级以及更新换代，所以从技术维护和售后方面也是比较有保障的。

三开发预算

商家搭建小程序商城需要提前准备好搭建价格，由于大部分的商家不具备搭建的条件，需要寻找专业的搭建团队制作商城小程序。不同的搭建团队报价不同，总的来说，商家小程序制作费用是根据功能来浮动的，需求功能越多，则费用越高。公司需要对这些搭建团队有一个初步的了解选择一个性价比比较高的团队合作，这样才能够降低自己的投入，同时也能够提升微信小程序商城的品质

微信小程序为什么更适合实体店？

1、开发周期短；

2、所需资金少；

3、获取用户数据更容易；

4、附近的小程序直接往店里导流；

5、24小时营业卖货

6、营销功能裂变拉客！

开一家把业绩翻倍的超级店铺！

拥有会员、分销、砍价、拼团、预约、限时购、

优惠券

一系列超级实用的营销功能！

小程序开发快捷通道

更多精彩 尽在微网

阅读全文

小程序开发的方式主要分为两种，一种是定制开发，另一种是通过第三方平台制作小程序。

定制开发与APP开发相似，需要经过需求评估、确定产品原型、UI设计、技术开发、测试修改等步骤。开发周期较长，投入的人力成本、开发成本较高，这种适用于对小程序个性化要求高，拥有专业开发团队，或者有资金实力、有运维团队的大型企业。

那我们可以通过第三方平台制作小程序，相较于定制开发来说，成本比较低、操作也简单，适用于对小程序定制要求不高，没有开发团队、没有技术经验的中小型企业和个体商户。

那我们就以第三方制作来讲述下制作小程序的流程：1、注册小程序；2、选择第三方平台；3、制作微信小程序；4、授权小程序；5、发布小程序、微信审核。

1、注册小程序

1>注册账号

先去公众平台注册一个小程序账号。

使用邮箱激活公众平台账号，完成注册。

商家根据自己的主体类型，完善主体信息和管理员信息。

2>完成认证

企业类型账号可以通过两种方式完成认证：

①用公司的对公账户向腾讯公司打款来验证主体身份；

②通过微信认证验证主体身份，需支付300元认证费。

如果小程序已跟公众号关联，也可以用认证过的公众号复用资质认证小程序。

3>开通支付功能

有些商家在运营小程序时需要进行线上支付，因此此类商家必须开通小程序支付功能。

登录微信公众平台，点击微信支付，按照要求填写基本信息、商户信息和结算用户，确认信息无误后点击提交。

2、选择第三方平台

不需要懂技术懂代码，模板可一键套用，还可自己设计。

3、基于平台制作小程序

4、授权小程序

完成店铺搭建后，将小程序授权给得有店，允许得有店调用微信小程序相关接口权限。在得有店上设置小程序支付方式，微信小程序管理员完成支付认证，小程序授权成功。

5、微信审核

在得有店系统后台点击发布小程序，提交微信审核，审核成功后，小程序上线。

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

小程序制作所涉及到的设计：页面的排版和美观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%覆盖所有行业，要做出特别的效果，自己搞不定，第三方编辑器不好实现，那就找专业团队去做吧。

小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。

本文推荐的项目从入门到进阶都有，收藏起来吧。

02 小程序书店

技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。

这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。

除此之外，这个项目还提供了学习文档：

03 高仿喜马拉雅

如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。

04 网易云音乐小程序

基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。

目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

这是该小程序实现的一些功能：

小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。

刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：

07 情书站点

第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。

下载。

如果要快速搭建一个小程序。借助第三方平台最快最简单。

借助得有店制作的步骤如下：

一、注册开通，创建店铺

1、直接百度搜索\"得有店\"，进入得有店官网

2、点击按钮\"免费开店\"或者点击右上角的\"注册\"按钮，进入账号注册页面。

3、填写手机号，设置密码。如果之前注册过，直接登录即可。

4、登录成功，点击\"创建店铺\"，根据要求填写相应信息。

说明：

1>填写店铺名称，店铺短链接根据店铺名称自动生成，也可自行修改）；

2>得有店提供有多套精美的细分行业模板，商家选择主营品类，系统会自动匹配合适的商城模板（包含商品、表单、文章、活动等演示数据信息）；

5、在店铺-页面管理，可以看到系统模板生成的各个店铺页面，商家根据自身需求，可自行编辑或新增页面。

6、对于店铺主页面，商家也可以自由替换banner图文广告、导航图标、文字信息等，也可以自行拖拽组件做二次设计修改，操作都非常简单。

7、修改过页面之后，一定记得点\"保存页面\"哦，然后点击\"预览店铺\"，可以在手机上查看操作。

二、上架商品

1、商品分组

商家根据自己经营的商品类目先进行分组管理，后期运营便于商品管理。

2、添加商品有两种方式：1>手动添加如果商家没有其他的第三方网站店铺，商家需要按照要求填写商品相应信息，添加上架。2>自动采集添加

目前支持导入的网站有天猫、淘宝、聚划算、爱逛街、有好货、阿里健康大药房、阿里1688批发网等。

①单条采集：商家可单条采集淘宝商品，采集单条商品信息自动加载到相应文本框内，商家编辑后保存上架；

②批量导入：商家只需填写要导入的商品（一次支持20条），选择商品分类、分组、配送方式，保存之后系统自动采集到商品库，商家确认后可自行上架。

三、小程序发布

1、首先商家需要在微信公众平台注册公众号、小程序号。如果有已经认证的公众号，可以直接复用资质，快速注册并认证小程序，无需再重复提交资质。注册过程中如果遇到问题，可以咨询得有店在线客服，全程协助你开通小程序号。

2、店铺搭建完成之后，可以手机预览。然后将公众号、微信小程序授权给得有店，允许得有店调用微信小程序相关接口权限。

2、在得有店系统后台点击发布小程序，提交微信审核，审核成功后，小程序上线。

免费自己做微信小程序商城，有两种方法，第一种是微信官方的制作方法，直接百度“小程序文档”，第一个是广告，不用看了，第二个才是官方教程， 超详细的步骤， 看完可以成功开通小程序商城，前提是要懂得写代码。

如果没有代码基础，建议使用免费的第三方平台。

第一步：进入轻栈平台网页链接，进行认证

正规平台都是要求认证的，注册小程序的过程中，微信平台也要认证你的资料。如果想开通的是展示用的个人小程序，请用官方方式开通，接下来的流程适用于商家免费开通小程序商城。

需要准备的资料：营业执照

认证+实名，上方导航栏主体认证，点击右上账号名称实名。

第二步：免费注册小程序

有做过企业认证公众号的可以自己去微信后台开通

完全零基础的，从未注册公众号和小程序的，可以进入智慧链接，开启微信小程序，第四种方式“绿色通道”注册小程序。

轻栈智慧链接开通小程序商城

第三步：搭建小程序-发布商品+编辑制作首页

发布商品在电商系统，编辑商品

2商品发布之后，马上去Design Lab编辑设计

 

拖拽式编辑，右键编辑，组件全面开放，都可以使用，而且绿色无广告，没有任何logo，底部版权说明可以修改或删除。

 

第四步：一键发布小程序

回到管理小程序的地方，点击一键发布即可。

免费做自己的微信小程序只要四步，总耗时30分钟左右。