【taro react】---- H5 通过 Jenkins 实现自动化部署

最新推荐文章于 2023-06-09 11:02:57 发布
最新推荐文章于 2023-06-09 11:02:57 发布
阅读量674 收藏 1
点赞数
分类专栏： React 文章标签： react.js jenkins 自动化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38082783/article/details/125554272
版权

1. 配置项目描述

在这里插入图片描述

2. git地址和凭证配置

在这里插入图片描述

3. 发布分支配置

在这里插入图片描述

4. 编译配置

1. 编译命令
npm run build:h5
2. 编译配置

在这里插入图片描述

5. 发布配置

在这里插入图片描述

将编译后的文件复制到服务器启动项目对应的项目路径下！保存配置！

6. 测试配置

1. 立即构建

在这里插入图片描述

2. 控制台输出

在这里插入图片描述

3. 部署完成

在这里插入图片描述

WXRUI体验二维码

WXRUI体验码

下载

我的博客，欢迎交流！

我的CSDN博客，欢迎交流！

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

Rattenking
关注
专栏目录
【taro react】---- 微信小程序 通过 Jenkins 实现自动化部署
止于至善
07-01 1279
2. 配置【密钥及 IP 白名单】 1. 配置密钥 注意 setting 涉及到上传代码是否自动压缩wxml，wxss等，可以直接使用我的配置 5. Jenkins 配置 1. 项目描述配置 2. 引入 terser-webpack-plugin 3. 配置小程序编译压缩 WXRUI体验二维码 我的博客，欢迎交流！我的CSDN博客，欢迎交流！微信小程序专栏前端笔记专栏微信小程序实现部分高德地图功能的DEMO下载微信小程序实现MUI的部分效果的DEMO下载微信小程序实现MUI的GIT项目地址微信
jenkins流水线部署H5项目
不求甚解的博客
04-13 1408
jenkins流水线部署H5项目
Jenkins打包taro项目-svn-以h5为例
qq_36306693的博客
04-10 704
1.安装必要插件，系统管理->插件管理勾选可选插件，点击直接安装 本次所需插件Subversion，NodeJS，Publish Over FTP，本地安装tarojs/cli：npm i -g @taro/cli@项目taro版本 2.配置系统taro/cli路劲path，如下 3.点击新建item，输入项目名称，选中Freestyle project，点击确定，如下 4.可选参数...
Jenkins自动打包部署——前端入门，Jenkins解读，Jenkins机器人
weixin_45629623的博客
06-12 3872
codding配置jenkins自动构建
jenkins自动部署h5脚本
天才战士的博客
08-21 1014
1.jenkins从仓库拉取代码，压缩成tar 2.发送到项目服务器 3.执行脚本 #!/bin/sh #restart front-client service if [ ! -f "/usr/local/h5-client/h5-client.tar.gz" ]; then echo "h5-client.tar.gz not exists" exit...
react-virtualized-tree:使用react的虚拟化树视图组件
04-29
作为React式库，它使用子函数来实现最大的可扩展性。 其背后的核心思想是，只要使用自己的组件或由树导出的组件，任何使用它的人都可以按照自己的意图创建树。 演示和文档可以找到。 安装 您可以通过npm或yarn进行...
react-native-editable-table:在React Native中具有垂直滚动的可编辑表组件
05-15
React本地可编辑列表 在React Native中具有垂直滚动的可编辑表组件 安装 npm install react-native-editable-list --save 用法 import EditableTable from 'react-native-editable-table' ; class editabletable ...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
react-lottie：基于Lottie-Web在React上渲染After Effects动画
02-05
用于React的Lottie动画视图（ ， ） 演示版 Bodymovin.js的包装 是插件，用于将动画导出为JSON，它还提供bodymovin.js以将它们渲染为svg / canvas / html。 为什么是洛蒂？ 灵活的After Effects功能 我们目前支持...
Jenkins搭建Egret H5开发的自动化构建(持续集成)
弃天笑的程序世界
07-16 6276
一、H5游戏开发进行H5游戏开发，不仅仅是开发这边事情，还会涉及到美术、策划、以及测试。所以必须为他们也搭建一些运行程序，以便可以及时地了解和测试到最新的开发进度。同时游戏本身也会分成诸多版本，例如测试版、稳定版、数值版、外服等等。这一列的游戏运行环境，总不能手工去进行游戏开发内容的同步，必须做到自动化，才能提高开发效率。因为必须搭建一个自动化构建服务器来满足这一些的需求。二、自动化构建(持续集成)
一套基于tarozoro的完整的微信小程序及h5开发解决方案
08-10
结合小程序框架taro，状态管理库zoro，微信小程序开发，h5开发实践方案
解决taro h5在调用接口时出现跨域的情况
05-07
解决taro h5在调用接口时出现跨域的情况 修改config下的index.js
基于taro3.x - react.js redux,开发h5 小程序(一)
ahnu119的专栏
11-19 573
1.taro3.x 和 react.js 无缝对接了,使h5和小程序的开发变得如此简单, 2.第一步我们开发首先要去官网参考下,taro3.x文档 3.安装taro依赖 : # 使用 npm 安装 CLI $ npm install -g @tarojs/cli # OR 使用 yarn 安装 CLI $ yarn global add @tarojs/cli # OR 安装了 cnpm，使用 cnpm 安装 CLI $ cnpm install -g @tarojs/cli 4.创建项目
windows 生成 deploy key_使用 taro-deploy 自动化构建发布 taro 小程序
weixin_39611331的博客
11-23 323
如果你使用 taro 开发小程序项目，推荐你使用 taro-deploy 高效地进行一键自动化构建发布。一、为什么要用 taro-deploy？Taro 小程序开发者常有这种痛点：开发好代码想要发布提测，需要进行以下一系列步骤（以支付宝、微信小程序平台为例）：原始的小程序打包发布流程整个流程将近十分钟，其中还有不少需要手动操作的环节，可以说这种原始的发布方式效率非常低。taro-deploy 就是...
关于Taro H5 打包与优化
YoHoooo_的博客
09-20 2042
没有摘要，随便说说
Taro 在小程序和H5的踩坑记录
爱吃烧烤的技术渣的博客
05-29 3855
Taro 踩坑记录 1、@taro/cli版本必须跟package.json的版本一致，否则使用Taro.xxx会报「 is not a function 」的错误 例如：「_tarojs_taro__WEBPACK_IMPORTED_MODULE_2___default.a.navigateTo is not a function」 解决方案1：重新按照官网文档初始化项目 解决方案2：package.json 文件引入的 Taro 的版本号改成与 Taro cli 工具的版本号保...
uniapp开发，打包成H5部署到服务器
热门推荐
weixin_48596030的博客
12-13 3万+
uniapp开发，打包成H5部署到服务器
uni-app h5端使用 jenkins 构建报错
最新发布
qq_45032714的博客
06-09 387
h5 端在本地 dev 以及 build 都没问题，在 jenkins 上报错。
uniapp：HbuildeX项目实现jenkins自动化打包上传
mosowe
06-06 4975
ubuntu系统上的jenkins部署基础指令，发送给windows服务器上，windows服务器使用HBuilderX软件的cli.exe执行相关cli命令打包，然后jenkins再调用接口下载打包后的文件。使用pm2后会导致npm包安装失效，貌似是因为在pm2中又进行了一次转译啥的，导致py里面的相关路径可能产生问题，致使os.system命令进入项目文件夹进行npm包安装失效。因对接jenkins所以需要开发对应的接口请求来满足相关的指令发送与文件传输。项目使用域名来控制环境变量，做好相关配置即可。
taro配置react-vant
06-08
要在 Taro 中使用 React-Vant，需要进行以下步骤： 1. 安装 React-Vant 和相关依赖： ``` npm install react-vant vant -S npm install babel-plugin-import style-loader css-loader postcss-loader postcss-import autoprefixer -D ``` 2. 在 Taro 的 `config/index.js` 文件中添加 `postcss` 配置： ``` postcss: { plugins: [ require('postcss-import'), require('autoprefixer') ] } ``` 3. 在 `babel.config.js` 文件中添加 `babel-plugin-import` 插件： ``` module.exports = { presets: [ ['taro', { framework: 'react', ts: true }] ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }] ] } ``` 4. 在 `app.js` 中引入 `vant` 的样式文件： ``` import 'vant/lib/index.css' ``` 5. 在需要使用组件的页面中引入需要的组件： ``` import { Button } from 'react-vant' function MyPage() { return ( <Button>Click Me</Button> ) } ``` 这样就可以在 Taro 中使用 React-Vant 了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rattenking

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值