查看: 11389|回复: 0

搭建商城以及线上小程序

[复制链接]

115

主题

115

帖子

447

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
447
发表于 2018-6-21 10:05:46 | 显示全部楼层 |阅读模式




1.商城小程序首页搭建
1.1.微商城
1.2.首页设置
步骤:微商城→首页设置→新建模板。(首先要搭建好一个小程序模板)
页面设置
默认跳转到“页面设置”,在模板名称编辑处,输入模板名称(不限制字数)。
搜索栏
点击“+搜索栏”设置搜索提示,若输入了搜索提示则默认显示是此提示(也可不设置搜索提示内容)
注:只允许创建一个搜索框
图片广告
点击“+图片广告”,选择显示方式(二选一),可调整模块上下边距(左右移动即可),点击图片选择要上传的图片接着选择链接内容即可。
橱窗二图
点击“+厨窗二图”可调整模块的上下边距,点击图片上传橱窗图片(按照图片的建议尺寸进行上传)选择链接内容即可。若想要添加多个橱窗二图可点击“+橱窗二图”然后重复上面的步骤即可。
橱窗三图
点击“+橱窗三图”选择布局方式(可选择二/三列)、上传橱窗图片(建议按照图片的建议尺寸上传图片)接着选择图片链接内容即可。
橱窗四图
重复上面的步骤,选择布局方式,上传好图片和选择链接内容。
分类产品
点击“+分类产品”,选择是否显示标题和销售数量,选择分类并输入显示商品数量即可。(注:这里输入的产品数量只在手机端上展示,若输入为“4”则在手机端上展示此分类里面的4个产品(按照产品序号进行展示)若分类里面没有6个产品则展示此分类里面的全部产品)
底部菜单
点击“+底部菜单”(默认显示3个菜单;首页、购物车、我的)(注:底部菜单只能创建一个,一行不要超过5个菜单。)选择是否显示文字、设置背景颜色、上传底部菜单图片、选择链接内容、输入标题名称(可设置默认字体颜色和选中字体颜色)
下拉点击“+”可继续添加菜单,装修好模板后点击“保存”即可。
(首页模块需做实时同步,若用户修改了模块里的底部菜单需同步至小程序则需要重新上传代码才能实现同步)返回到首页设置页面,选择一个首页模板,设为首页。
点击“确定”即可。
1.3.链接小程序商品
步骤:商城系统→产品管理→编辑标签。
标签类型需要勾选“微信小程序”,接着点击“确定修改”。(注:该标签的作用为控制目前微信小程序,暂不支持任何形式的促销和优惠,仅作为普通商品进行销售。(只要勾选了“微信小程序”标签,即使该商品勾选了抢购、VP值、购物币等等标签都不会跟商城那样购买限制抢购,购买后会返VP值、返赠购物币—就是除了“微信小程序”标签,其他标签对小程序的商品不起任何作用)
等待提示修改成功后点击“确定”即可。
1. 商城小程序的配置以及发布流程、
2.1.微信小程序后台配置
(小程序后台的appid和密钥对接之后可生成小程序,是为了把小程序审核上架需要用到的。)
登录小程序账号—设置—开发设置(开发者ID)
复制APPID(小程序ID) 生成AppSecret(小程序密钥)
回到商家管理后台复制登录后台后的域名填写到服务器域名这里即可。
2.2.商家后台配置
装修好小程序模板并链接好小程序产品后,接着要生成微信小程序;
步骤:微商城→生成小程序。
复制以上小程序里的APPID(小程序ID)AppSecret(小程序密钥)到商家管理员后台对应位置,商户号和商户密钥需配置,抓取绑定好的微信支付商户平台的信息(另附微信支付绑定文档)服务器配置域名(上传代码包时所需要)需要先行到阿里云申请SSL证书(可联系在线客服转接运维技术人员协助进行购买协议,购买此协议是否支付费用以阿里云界面为准,具体操作请查看附件说明文档)点击“生成小程序”后就要下载小程序安装包。
点击“下载小程序”
点击“下载”等待下载完成后,将安装包进行解压。(当在使用“微信web开发者工具”时创建项目需使用)
2.3.下载开发者工具
登录小程序公众平台,点“首页”;
点击上图中的“下载开发者工具”,Windows系统的选择(Windows64、Windows32或mac苹果系统)具体看下载人员的电脑配置。
点击“下载”。
下载成功后,进行安装。
点击安装成功的软件(微信web开发者工具)
开发者工具使用管理员(申请小程序公众号所绑定的微信号)或者绑定的开发者微信号扫码登录。
2.4.发布小程序
选择“小程序项目”进行创建项目。
需要填写AppID、项目名称及本地开发目录
APPID(小程序账号的APPID)
项目名称:由商家自定义
本地开发目录:在商家后台生成好的小程序下载下来的代码包(必须先解压再上传)
点击左边调试当前不同手机尺寸适应的尺寸,点击“预览”,开发者可用本人微信扫码,在手机内预览小程序的效果。(注:在上传之前要检查一下商城里面的商品是否有变形或没有链接好跳转页面,若后续修改了小程序首页的自定义底部菜单则需要重新上传代码包提交审核)点击“上传”按钮,输入版本号和项目备注,继续点击“上传”。
等待上传成功后会在小程序公众号后台的开发管理-开发版本如下图,显示刚上传到开发者工具里的项目(每个开发者都可上传一个项目版本,开发者需先在小程序后台用户身份-开发者里绑定微信号)
点击提交审核,选择为体验版本,然后提交审核成功后,这时要等待微信审核通过,审核时间为三个工作日,审核成功后在审核版本里点击发布就可以在线上版本里看到该小程序了,这时就可以使用小程序。(注:小程序只支持微信支付)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一、小程序 | 新手入门
二、小程序 | 快速创建
三、小程序 | 组件
四、小程序 | 商城系统
五、小程序 | 微官网
六、小程序 | 微餐饮
七、小程序 | 微酒店
八、小程序 | 微营销
九、小程序 | ktv
十、小程序 | 微社区
十一、小程序 | 微会员卡
十二、小程序 | 微招聘
十三、小程序 | 微旅游
十四、小程序 | 微预约
十五、小程序 | 会务
十六、小程序 | 问答
十七、小程序 | 房地产
 
©2001-2018  微信小程序开发  Powered by©Discuz!   
快速回复 返回顶部 返回列表