x-site-common-web

建站落地页整体流程

项目描述

落地页——嵌入到各个业务线的建站入口和展示页面，此项目只是生成每个建站页面的js和css， 各业务线如果想展示建站落地页，调用js和css渲染到相应的dom上就可以了。

新增模块流程

落地页暂时有四个页面 landing-page ——店铺总览，page-manage ——页面管理， template-manage ——模板管理，pad-advertising ——客显广告; 在各个业务线里如：admin-d2c-web ——云商城，admin-d2p-web ——云订货，会有对应的模块都在 x-site 目录下，并且添加对应的路由展示对应的页面。

1. 要新增页面的话，在此项目x-site 目录下添加对应的模块，本地开发的话需在src目录下添加相应的路由，部署的话需在webpack.production.js添加相应的入口文件，打包的时候就会生成对应的js和css。
2. 在业务线项目的 x-site 目录下添加相应的页面模块，并在路由文件里添加页面路由。

• 云订货项目地址 http://git.dev.qianmi.com/gcs/admin-d2p-web.git
• 云商城项目地址 http://git.dev.qianmi.com/gcs/admin-d2c-web.git

本地开发

1. 本地host新增

• 127.0.0.1 land-page.qianmi1.com

1. 项目搭建&启动

• git clone http://git.dev.qianmi.com/x-site-ui/x-site-common-web.git
• cd x-site-common-web
• npm run init
• npm run start

1. 前端访问

• 登录测试1环境 http://login1.qianmi.com:8080 (这样cookie就可以带入建站，落地页就能调通openApi接口)
• 访问 http://land-page.qianmi1.com:8089/#/+页面路由

部署流程

1. 执行命令 npm run build 选择要部署的环境 test gray prod 把控制台最后的hash值复制到 x-site 项目下 auto/landing-page-hash.js 文件里
2. 下面就是 x-site 项目的部署流程了
   • public目录下执行命令 npm run build
   • 修改根目录下package.json文件里的版本号
   • 执行命令 npm publish
3. 布加迪部署项目 x-site 对应的版本