Step1:注册小程序

1、注册一个邮箱,可以是QQ邮箱也可以是其他邮箱,用来后面微信小程序的注册。


2、登陆微信公众平台(https://mp.weixin.qq.com/),单击右上角的“立即注册”,点击“小程序”模块。


3、账号信息填写。每个邮箱只能申请一个小程序,点击“注册”,跳转到邮箱激活页。


4、邮箱激活。点击“登录邮箱”填写邮箱密码进入邮箱,在收件箱里查询激活邮件点击激活,自动跳转会微信公众平台进行信息登记。


5、用户信息登记。可以根据自身主体类型进行选择,本文以“企业”为准。


6、主体信息登记。企业名称必须和营业执照上的名字一致,不然审核不通过全部信息重新填写,注册方式可以是对公账户打款或者是微信认证,相对而言微信认证方式会快捷方便,建议首选。


7、管理员信息登记。这里信息完成后代表认证成功,开始创建小程序。


8、小程序微信认证。注意:每一个小程序号的认证都需要支付300元。


9、身份验证。


10、账号验证分为四步,包括同意协议、填写资料、填写发票、支付费用。此处是同意协议,签署《微信公众平台认证服务协议》,勾选同意,点击下一步。


11、填写资料。选择认证主体类型,提交相应的认证材料


12、企业业务资料。


13、管理员信息填写。管理员信息填写的里有手机号码填写以及二维码的扫描,建议先把本页所有的信息先填写完毕,并在“企业基本资料”的公函下载打印,管理员签名并盖上公章拍照上传后再进行填写,因为手机验证码以及二维码具有有效时间,超时需要重新操作。


14、企业基本资料。下载公函打印后需要签名加盖公章,再拍照上传,公章需要非常清晰,不然审核不通过需要进行邮件申诉。


15、发票填写。可选择开具普通发票(定额发票)、增值税专用发票。增值税专用发票还需提交《税务登记证》(办理三证合一的企业直接上传新的营业执照)、《银行开户证明》,审核公司会对资质进行审核。资质审核通过后由腾讯公司开具并寄送发票。


16、支付费用。这是注册的最后一个操作步骤。


17、支付完成后,进入认证审核。页面上会公布第三方审核公司的联系方式,在审核过程中该公司将有可能与你联系沟通,如果在审核过程中遇到问题,可以拨打该公司的热线电话进行咨询。



Step2:登录场景录

登录地址http://sso.wyying.com/login输入账号密码进行登录。


Step3:授权小程序

1、点击“场景录”或者“管理”进入小程序绑定界面


2、输入“小程序名称”“appid”“密钥”,并点击“保存”进行后台设计与小程序的绑定



3、点击“保存”后,点击“设置”即可进行“小程序名称”“appid”“密钥”的更改


Step4:制作小程序

1. 前言

场景录是微信小程序设计器。用户可以根据自己的需求,创建自己个性化的小程序,只需要拖拽组件、填写基本的信息、打包生成即可。


2.功能介绍


2.1功能区域概述

场景录中有ABCD四个功能区域。A是页面设置及组件区域、B是面板区域、C是设置区域(页面设置、组件属性及组件设置)、D是操作区域(模板、预览、保存、发布和退出)


2.2功能详解


2.2.1页面设置

系统默认会有一个分组和一个页面。可以在区域A中新建编辑页面和分组;在B区域展示设置的背景色、背景图片等;在C区域编辑页面的属性。


l新建页面

点击新建页面后,会在当前选中的页面下方自动创建一个新页面

l l新建分组

点击新建分组后,会在所有分组的最下方新建一个分组。新建分组后,请尽快的创建分组下的页面,以便后续操作。

l l编辑页面


当鼠标悬停在页面上时,会出现编辑页面、复制页面、删除页面三个操作按钮。

编辑页面:点击后,可编辑页面名称(编辑名称后,C区域的页面名称会同步更改)

当选中该页面时,C区域同步显示该页面的属性设置。

可以更改页面名称、页面标题、背景颜色、背景图片以及该页面是否可分享。如果可分享,则需要填写分享时的文案。


l编辑分组

当鼠标悬停在分组上后,出现编辑分组、删除分组。

编辑分组是对分组的名称进行编辑;删除分组后,分组下面的所有页面将一起被删除。

注意:分组和页面可以拖动哦。长按选中的页面或分组,拖动至期望的位置即可。


2.2.2组件

A区域切换至组件时,会显示目前提供的所有组件;B区域则是设计面板;C区域则显示B区域选中的组件的属性设置,包含组件属性和组件样式的设置。

组件目前分为基础组件、功能组件、导航组件、营销活动四部分。基础组件主要是为小程序设置提供基础设计的;功能组件主要是和后台的功能相互关联的组件,例如相册、文章等;导航组件包括底部导航和分类导航、图片导航;营销活动包括秒杀、砍价、积分商城、限时折扣、团购。


2.2.2.1基础组件

目前基础组件有9个,分别为文本、图片、按钮、标题、分割线、轮播图、视频、地图、表单由于基础组件设置较为简单,不在逐一介绍。


2.2.2.2功能组件


l相册列表


拖动组件到面板(B),之后在组件属性中选择需要展示的相册,如果想编辑相册的内容,点击“管理相册”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、背景颜色(边距的颜色),以及展示方式、单行条数及总行数。


l信息列表

 

拖动组件到面板(B),之后在组件属性中选择需要展示的信息,如果想编辑信息的内容,点击“管理信息”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、背景颜色(边距的颜色),以及风格、总条数。


l商品列表

拖动组件到面板(B),之后在组件属性中选择需要展示的商品分类,如果想编辑商品的内容,点击“管理商品”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、背景颜色(边距的颜色),以及风格、总行数。

 

需要注意的是,商品列表为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l文章调用

 

拖动组件到面板(B),之后在组件属性中选择需要展示的文章,如果想编辑文章的内容,点击“管理文章”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、背景颜色(边距的颜色),以及是否显示标题。


l门店列表

 

拖动组件到面板(B),点击组件样式,可设置该组件的内外边距、背景颜色(边距的颜色),总条数。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l卡券列表

 

拖动组件到面板(B),点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l服务列表

 

拖动组件到面板(B),点击组件属性,可以选择显示的分类及明细;点击组件样式,可设置该组件的内外边距、背景颜色、总行数、是否显示“查看更多”。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)



2.2.2.3导航组件


l底部导航

需注意:底部导航只会在有添加底部导航链接的页面下做展示

 

拖动组件到面板(B),之后在组件属性中编辑导航名称、图片以及选择跳转链接。底部导航最多可以设置五个跳转链接

点击组件样式,可设置该组件的背景颜色、字体颜色、选中字体颜色以及边框颜色。

同一个小程序,只需设置一个底部导航,设置成功后,被菜单直接链接的页面均会显示底部导航。 


l分类导航

 

拖动组件到面板(B),之后在组件属性中编辑导航名称、及选择跳转链接。点击组件样式,可设置该组件的内外边距、背景颜色、字体颜色、边框颜色、边框宽度以及单行条数。


l图片导航

 

拖动组件到面板(B),之后在组件属性中编辑导航名称、图片及选择跳转链接。点击组件样式,可设置该组件的内外边距、背景颜色、导航风格、导航间距、图片比例以及单行条数。


l浮点导航

 

拖动组件到面板(B),之后在组件属性中编辑导航名称、图片及选择跳转链接。点击组件样式,可设置该组件的内外边距。


2.2.2.4营销活动


l秒杀

 

拖动组件到面板(B),如果想编辑活动的内容,点击“管理活动”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l砍价

 

拖动组件到面板(B),如果想编辑活动的内容,点击“管理活动”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l限时折扣

 

拖动组件到面板(B),如果想编辑活动的内容,点击“管理活动”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l积分商城

 

拖动组件到面板(B),如果想编辑活动的内容,点击“管理活动”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


l团购

 

拖动组件到面板(B),如果想编辑活动的内容,点击“管理活动”就可以在设计器中轻松编辑了。

点击组件样式,可设置该组件的内外边距、风格。

 

需要注意的是,该组件为VIP高级组件,需要付费才能够正常使用。(组件价格请以页面为准)


3. 模板、预览、保存及发布


l模板

 

点击模板,在模板选择窗中,按照行业选择心仪的模板。选择模板后,设计器中的页面布局数据将被替换为模板页面布局数据,动态数据(功能组件、营销活动)不受影响。


l预览

 

点击预览,在预览页中可预览设计的小程序,并可扫码预览手机端效果。


l保存

 

保存当前页面的设计成果。


l发布

 

点击发布,将小程序打包,之后上传至微信小程序开发者工具中提交等待微信审核即可。

如果设计器中,有未付费的组件,在发布时,需要对组件付费。购买需要时间该组件的时长,之后扫码付费就可以顺利打包了。


4. 其他

l页面设置

点击页面设置,操作区域(D)将快速返回至当前页面的设置状态。方便页面设计及管理

l l高级设置

 

分为个人中心和商城设置。

个人中心

如果在设计设计小程序的过程中,有在链接选择中使用了个人中心,那么就需要对个人中心进行设置。如果没有使用过个人中心,就无需设置了。

可以设置个人中心的头部banner图片、设置个人中心需要显示的字段,拖动左侧的方块,也可以对显示顺序进行排序。


②商城设置

如果在设计设计小程序的过程中,有在链接选择中使用了商城小程序,那么就需要对商城设置进行设置。如果没有使用过商城小程序,就无需设置了。

可以设置个人中心的头部banner图片(选择一个相册作为轮播图,换相册图片不需要重新打包)、设置是否显示分类及首页列表风格及风格色调。

Step5:发布小程序

1、点击“预览”,则可在线预览小程序界面效果



2、点击“打包”,即可进入生成小程序代码的界面


3、点击“立即生成”-“下载”,即可获取当前所需的小程序代码


需要上线该小程序,请直接点击《使用开发者工具上传小程序流程》,进行了解