商城小程序该如何搭建？

商城小程序该如何搭建？

步骤一：注册微信小程序和微信支付商户号

访问https://mp.weixin.qq.com/扫码登录微信公众号，在左侧栏点击“小程序管理”，然后点击“快速注册并认证小程序”到下一步；按照要求进行填写，完成注册。

步骤二：选择制作类型

市场上，贺轿做微信小程序大多都是采用模板化开发，模板化开发比较合适中小企业。

步骤三：利用第三方开发平台

登录第三方开发平台注册，一般平台，都会提供免费试用功能，大家可以尝试一下后台功能。

步骤四：上架商品

在老拍并上架商品之前，首先进行“商品分类”，将商品分类设置完成，开始“发布商品”。

步骤五：店铺装修

上 架商品之前，开始进行店铺装修，将左侧的基础组件拖拽至手机框内，在右侧进行组件设置，设置完成，点击提交，提交完成之后，手机框内就能看到展示的效果图。所有的组件搭建完成之后，点击“保存并发布”，将您搭建好的店铺“设为首页”，再点击“发布”。

步骤六:一键发布

  一键发布的流程是：扫码授权-发布小程序-提交审核-审核通过-正式发布。

提交给微信官方审核，审核通过之后，再点击“正式发布”按钮，微信官方审核通过之后，就可以正式上线了。正式上线之后，过一会搜索一下小程序名称，就可以搜索到您的小程序。

制作商城侍迹小程序条件

凡是商城类小程序，制作必须要有营业执照才可以。

如果是食品行业的话，必须要有食品许可证。

一、小程序架构

每个小程序的结构都有两个主要部分构成：主体部分+各个页面。类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。

1.1、主体部分主要由3个文件构成

1）app.js：小程序逻辑，初始化APP

2）app.json：小程序配置，比如导航、窗口、页面http请求跳转等

3）app.wxss：公共样式配置

主体配置完成之后，就是对应业务开发了，也就是开发者最常 *** 作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。

1.2、页面由4个文件构成

1）js：页面逻辑，相当于控制层（C）；也包括部分的数据（M）

2）wxml：页面结构展示，相当于视图层（V）

3）wxss：页面样式表，纯前端，用于辅助wxml展示

4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）

二、配置app.json

app.json

全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

pages

接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabBar

通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。tabBar配置数组，只能配置最少2个、最多5个tab，tab按数组的顺序排序。

networkTimeout

可以设置各种网络请求的超时时间。

debug：true/false

可以在开发者工困埋具中开启debug模式，在开罩早发物尺雀者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。可以帮助开发者快速定位一些常见的问题

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多，只是设置app.json中的window配置项的内容，页面中配置项会覆盖app.json的window中相同的配置项。

微信小程序框架（Vue.js）

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生

APP 体验的服务。整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言

WXML 和 WXSS，以及基于 JavaScript

的逻辑层框架，并在视图层与逻辑层间提供了数据竖稿迅传输和事件系统，让开发者能够专注于数据与逻辑。

在刚接触微信小程序的时候，就是官方提供的这个框架，敬禅其实该框架的思想和vue还是有相似之处，正所谓万变不离其宗。只不过这个框架就是直接使用微信小程序所需要的wxml、wxss等文件，而其他框架最终打包生成的文件才是官方所需要的。所以我建议就是初学者，还是可以先使用或学习下该余此框架，更能直接的了解小程序和学习。所以初学者值得推荐。

---