《【徐松】出海电商 SaaS 建站平台开放能力的探索与实践.pdf》由会员分享,可在线阅读,更多相关《【徐松】出海电商 SaaS 建站平台开放能力的探索与实践.pdf(45页珍藏版)》请在三个皮匠报告上搜索。
1、出出海海电电商商 S Sa aa aS S 建建站站开开放放能能力力的的探探索索与与实实践践徐徐松松微盟前端技术专家0 01 1业业务务背背景景独立站 41%其他 59%跨跨境境电电商商独独立立站站崛崛起起跨跨境境电电商商交交易易规规模模(万万亿亿)*数据来源:网经社、中商产业研究院整理9 91 10 0.5 51 12 2.5 51 14 4.2 21 15 5.7 71 16 6.8 868002120222023预预计计2 20 02 25 5年年独独立立站站市市场场份份额额*数据来源:头豹研究院品品牌牌识识别别度度自自由由深深度度内内容容营营
2、销销数数据据自自有有跨跨境境电电商商独独立立站站优优势势2021年亚马逊电商封号事件全链路数字化出海解决方案调调研研简简约约一一维维垂垂直直布布局局调调研研操操作作简简单单所所见见即即所所得得平平铺铺布布局局配置配置配置配置配置工具栏组件库配置面板预览区调调研研通用的建站交互模式建建站站系系统统特特点点高高效效易易用用快速建站开箱即用自自由由定定制制精雕细刻打造品牌特色两两种种建建站站思思路路面面向向组组件件建建站站通用组件库拖拽式交互可视化建站面面向向主主题题建建站站开放源码整站定制思思路路1 1:面面向向组组件件建建站站低代码,拖拽组件库画布思思路路2 2:面面向向主主题题建建站站开放源码
3、,安装主题包页面Shop源码如如何何选选择择特特点点时时间间基基于于组组件件建建站站内容可控将整站搭建拆分为组件配置少基基于于主主题题建建站站高度定制安全问题门槛较高多0 02 2基基于于组组件件的的可可视视化化建建站站实实践践方方案案设设计计组组件件页面内容基本单位包含配置和模板设设计计器器可视化页面配置支持拖拽交互所见即所得渲渲染染引引擎擎负责渲染页面组装数据与模板建建站站流流程程配置定义模板组件配置组件顺序组件配置可视化页面配置可视化页面预览组组件件页页面面配配置置可可视视化化编编辑辑器器渲渲染染引引擎擎组装动态数据画布渲染组组件件库库组组件件开开发发要要求求:响响应应式式开开发发适适配
4、配多多端端,一一套套设设计计,多多端端可可用用小屏设备中屏设备大屏设备组组件件开开发发要要求求:可可用用性性禁禁用用J JS S不不影影响响主主要要展展示示拥抱 web 标准禁禁用用J JS S不不影影响响主主要要功功能能支持 form 提交开启 JS关闭 JS请开启浏览器的JavaScript或更换浏览器来访问该应用提示网站不可用可可视视化化建建站站效效果果演演示示品牌特色深度融入整站拒绝同质化独独立立站站定定制制需需求求headbody画布页面期期望望:所有页面可定制上海品茶、商详、登陆注册、用户中心所有区域可定制实实际际:有限页面可定制上海品茶有限区域可定制画布独独立立站站定定制制需需求求换换肤
5、肤独独立立站站定定制制需需求求开开发发定定制制按节日换肤按内容主题换肤独独立立站站定定制制需需求求插入第三方社交、统计、客服等代码对不同地区国家做针对性的 SEO 优化所所有有店店铺铺页页面面共共用用一一套套组组件件库库定制需求实现难度大升级维护难度大通通用用组组件件库库让让独独立立站站不不独独立立通通用用组组件件库库让让独独立立站站不不独独立立海海量量的的组组件件库库扩充组件库复复杂杂的的组组件件增加组件配置增增加加所所有有用用户户的的心心智智负负担担另另一一个个选选择择:主主题题?0 03 3面面向向主主题题建建站站的的探探索索与与实实践践主主题题建建站站优优点点独独立立代码独享互不影响自
6、自由由自由变更自由切换主主题题设设计计前端逻辑视图逻辑核心业务主主题题主主题题layout:框架page:页面section:组件snippet:片段asset:静态资源参参考考开开发发实实践践保保留留组组件件方方案案主主题题设设计计页面1画布页面框架页面2画布页面框架主主题题layout:框架page:页面section:组件snippet:片段asset:静态资源locale:语言包主主题题设设计计支持多语言主主题题逻逻辑辑隔隔离离图灵完备独立的上下文沙盒环境%extends base.html%block header%title%endblock%block content%for n
7、ame,item in items%name:item%endfor%endblock%Nunjucks模板语言组件schema解析动态数据解析组件模版渲染页面配置解析页面可视化设计器源码编辑器主主题题存存储储页面模版渲染主主题题解解析析流流程程主主题题渲渲染染场场景景主主题题建建站站带带来来的的挑挑战战面面向向组组件件建建站站面面向向主主题题建建站站V VS S开放主主题题建建站站带带来来的的挑挑战战开开放放流程透明开放调用模模块块化化按需选用搭建积木开开放放能能力力店铺商品博客自定义页面权限订单权限控制toCtoBCMSSPUSKU询盘购物车评论BI活动APIJS SDKUI 库领领域域应
8、应用用表表现现开开放放能能力力货币转换多语言翻译时间转换链接转换图片优化开开放放能能力力post(/api/cart/add).then(res=/.)cart.add(/.)加入购物车A AP PI I调用示例J JS S S SD DK KU UI I库库主主题题建建站站流流程程主主题题开开发发t th he emme e.z zi ip p主主题题上上传传可可视视化化搭搭建建0 01 10 02 20 03 多多阶阶建建站站常常规规建建站站预设主题库自动升级高高阶阶建建站站独立定制0 04 4规规划划与与展展望望兼兼容容第第三三方方主主题题支持更多的模板语言,兼容第三方主题,无缝接入上千套高质量主题拥拥抱抱成成熟熟开开发发生生态态圈圈接入 build.io 低代码建站平台,快速搭建组件支持 React、Vue、Svelte 更多玩法T TH HA AN NK KS S