关于有赞云有容器应用开发独立页面的通知

各位开发者,大家好!
有赞云为各位开发者提供了独立页面开发的脚手架,如需要独立开发页面需要使用该脚手架开发,具体路径为 xxx-ui,image.png

其中 h5-extension 为 h5 扩展点开发脚手架,mp-extension 为小程序扩展点开发脚手架,react-pages 为基于 react 的独立页面开发脚手架,vue-pages 为基于 vue 的独立页面开发脚手架。
如果你的工程没有 react-pages 和 vue-pages,请手动下载该脚手架:
下载地址为:https://b.yzcdn.cn/2019/07/26/youzanyun.zip
具体使用方式:解压文件放到 xxx-ui 文件夹下,修改文件夹中的 config.js 文件:
appName:应用英文名称,具体可以到 diy 后台查询域名前缀,如:开发环境域名为 cloud-java.isv-dev.youzan.com, 则应用名称为【cloud-java】。
puhlicPath 是打包输出路径,java 应用为:【../xxx-web/src/main/resources】 例如:【../cloud-java-web/src/main/resources】,php 应用为【../】
language:开发语言,【java】 或者 【php】
welcome:欢迎页面,可以设置为应用的某一个页面,具体方式参考项目内 md 文档。
为了提高页面响应速度,静态文件需上传到 cdn 服务器,图片等静态资源可手动上传,具体使用方式为:安装有赞云开发工具 npm install -g youzanyun
image.png

祝大家开发愉快!

以下是本地调试的方式:

比如自己的工程名是 xxx,执行 yarn dev(或 npm run dev)命令后,可以看到控制台输出了:

publicPath /工程所在目录/xxx/xxx-web/src/main/resources
listening on http://localhost:3002, path is /工程所在目录/xxx/xxx-web/src/main/resources

省略一些输出

此时打开浏览器,输入http://localhost:3002,会发现浏览器上显示

Cannot GET /

这是因为 localhost:3002 对应的目录是上面输出的 publicPath 路径,如果是 java 就是 / 工程所在目录 /xxx/xxx-web/src/main/resources,如果是 php 就是工程根目录

进入这个目录,点开 templates 目录,假设当前在调试 vue 工程,那么 templates 目录下会有一个 vue-pages 目录,点开,会发现一些 html 文件,比如当前有一个 index.html 文件,那么在浏览器中输入http://localhost:3002/templates/vue-pages/index.html,就能看到自己要调试的页面了