docker镜像制作: 构建UI镜像

后台-系统设置-扩展变量-手机广告位-内容正文顶部

前端构建docker镜像

事前准备

  •   安装nodejs

  cd/usr/local/

  wgethttps://npm.taobao.org/mirrors/node/v12.16.2/node-v12.16.2-linux-x64.tar.gz

  tar-zxvfnode-v12.16.2-linux-x64.tar.gz

  rm-rfnode-v12.16.2-linux-x64.tar.gz

  mvnode-v12.16.2-linux-x64node

  echo'exportNODE_HOME=/usr/local/node

  exportPATH=$NODE_HOME/bin:$PATH'>>/etc/profile

  source/etc/profile

  sudoln-s/usr/local/node/bin/node/usr/bin/node

  sudoln-s/usr/local/node/bin/node/usr/lib/node

  sudoln-s/usr/local/node/bin/npm/usr/bin/npm

  #安装yarn

  npminstallyarn-g

  •   获取源码

  mkdir/opt/v70

  cd/opt/v70

  某些部分已省略

  •   修改配置

  1、ui-domain/api.js

  pro:{

  base:env.API_BASE||'http://',

  buyer:env.API_BUYER||'http://',

  seller:env.API_SELLER||'http://',

  admin:env.API_ADMIN||'http://'

  }

  将上述url改为相应的api路径

  2、ui-domain/domain.js

  pro:{

  buyer_pc:env.DOMAIN_BUYER_PC||'http://<买家PC端域名>',

  buyer_wap:env.DOMAIN_BUYER_WAP||'http://<买家端域名>',

  seller:env.DOMAIN_SELLER||'http://<卖家端域名>',

  admin:env.DOMAIN_ADMIN||'http://<管理端域名>',

  decor:env.DOMAIN_DECOR||'http://<楼层装修域名>'

  }

  将上述域名设置为相应的域名

构建docker镜像

  以前在各个目录下dockerbuild...|现在统一在ui目录dockerbuild

  build的时候要加张Dockerfile文件路径,例如:dockerbuild-ttest:1.0-f./buyer/Dockerfile.

  buyer端现在需要预先install依赖和build。

  •   买家PC端nuxt服务镜像

  #进到PC项目目录

  cd/opt/v70/ui/buyer

  #安装npm依赖

  yarninstall

  #build生产环境静态资源

  yarnrunbuild:prod

  #再进入到UI根目录

  cd/opt/v70/ui/

  #在UI根目录使用./buyer/Dockerfile文件构建buyer-PC端的nuxt服务镜像

  dockerbuild-t<你docker私服的域名+路径>/buyer-nuxt-pc:7.2.3-f./buyer/Dockerfile.

  •   平台管理

  #进入到manager-admin目录

  cd/opt/v70/ui/manager-admin/

  #安装npm依赖

  yarninstall

  #build生产环境静态资源

  yarnrunbuild:prod

  #切回UI根目录

  cd/opt/v70/ui

  #在UI根目录使用./manager-admin/Dockerfile文件构建PC镜像

  dockerbuild-t<你docker私服的域名+路径>/manager-admin:7.2.3-f./manager-admin/Dockerfile.

  •   商家中心

  #进入到manager-seller目录

  cd/opt/v70/ui/manager-seller/

  #安装npm依赖

  yarninstall

  #build生产环境静态资源

  yarnrunbuild:prod

  #切回UI根目录

  cd/opt/v70/ui

  #在UI根目录使用./manager-seller/Dockerfile文件构建PC镜像

  dockerbuild-t<你docker私服的域名+路径>/manager-seller:7.2.3-f./manager-seller/Dockerfile.

  •   买家WAP端

  1.安装HBuilderX:

  下载地址:https://www.dcloud.io/hbuilderx.html

  2.下载b2b2c-uni-app代码:

  #下载命令用7.2.2_rc分支代码即可

  部分内容已省略

  下载后的目录大致如下:

  3.H5打包发布:

  进行H5发布,大致步骤如下:

  操作完成查看unpackage/dist/build/目录下是否有h5这个文件夹,如下:

  4.制作买家WAP端镜像:

  进入项目根目录下,也就是b2b2c-uni-app/目录下,执行以下命令:

  #在项目根目录使用./unpackage/docker/Dockerfile文件构建WAP镜像

  dockerbuild-t<你docker私服的域名+路径>/buyer-wap:7.2.3-f./unpackage/docker/Dockerfile.

  注:以上1、2、3步骤相关操作可参考《uniapp上手指南》

推送到私服

  这里我们以买家PC端举例(buyer-nuxt-pc)

  #登录私服

  sudodockerlogin--username=--password=xxx.com

  #推送镜像到私服

  sudodockerpush<你私服的域名+路径>/buyer-nuxt-pc:[镜像版本号]

  上述就是关于技术方面的内容了,想了解更多详情,可以持续关注易族智汇javashop,有任何问题,欢迎一起探讨。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

后台-系统设置-扩展变量-手机广告位-内容正文底部
留言与评论(共有 0 条评论)
   
验证码: