- 综合排序
- 最热优先
- 最新优先
- 来自专栏胡哥有话说
宠汪汪多端(H5和小程序)项目实践
为解决多端开发的问题，市面上有很多类似的开发框架，Vue.js 规范的 uni-app、mpvue、WePY，React.js 规范的 Taro 等等。 其实宠汪汪项目相当于在来客有礼中开发一个新的页面，起初我们打算写两套，原生小程序一套，H5 开发一套。但是这样子开发周期过长，无法保证我们在双十一之前上线，而且维护成本也很高。 Taro 本地 H5 开发 首先按照官方文档 npm install -g @tarojs/cli 然后创建项目 taro init jd_dog_web 在 app.jsx 中添加 pages 对应的开发的页面 process.env.TARO_ENV === 'h5'是关键，其实我们在编译时候会选择是编译到 H5 还是 weapp，所以 Taro 做了编译场景判断，如果是 H5 的话，不会包含特殊的小程序代码 利用 Taro 解决了多端场景的痛点，当然项目中有些场景还是需要单独写 H5 和小程序的代码，以满足业务需求比如长图保存，打字动效果等等。整体来说，的确提高了开发效率，减少研发周期。
2K31发布于 2019-12-06 - 来自专栏dalaoyang
Intellij IDEA实现SpringBoot项目多端口启动
前言 有时候使用springboot项目时遇到这样一种情况，用一个项目需要复制很多遍进行测试，除了端口号不同以外，没有任何不同。这时我们强大的Intellij IDEA就能替我们实现。 3.启动项目，demo(9000)，如图。 ? 4.修改配置文件中的端口号为9001，启动项目，demo(9001)，如图。 ? 从下方可以看到demo项目分别以9000和9001启动了。 4.选择需要启动的项目，点击ok ? 5.将上方name修改为demo2 ? 6.启动demo(9000)，如图 ? 7.修改端口为9001，启动demo2，如图 ?
1.7K40发布于 2018-06-06 - 来自专栏雪胖纸的玩蛇日常
21.多端项目上线部署（3）部署前端项目newpc
1.上传项目newpc 1.打包 在newpc目录下，将node_modules目录删除，然后将newpc项目打包为zip包 ? 2.上传newpc.zip到云服务器上 ? ? install cnpm -g --registry=HTTPS://registry.npm.taobao.org; cnpm -v 2.安装依赖包 cd newpc cnpm install 3.项目打包 1.修改项目的host cd src/api/ ls vim api.js i#进入编辑模式，将host的127.0.0.1，修改为公网IP，然后点击【Esc】键，输入：wq，保存退出 2.打包项目 cd ../.. npm run build 4.安装Nginx 建立软链接 （在部署后端项目的时候已经安装过了） 5.修改nginx配置文件 cd /etc/nginx/sites-available
86320发布于 2020-07-07 - 来自专栏IMWeb前端团队
多端多页面项目webpack打包实践与优化
这里配置有几点需要注意的： 1、动态publicPath 这里说了是多端多页面项目，多端只的就是PC和H5两端，那么这就意味着各端的CDN资源路径是不一样的，所以publicPath值也应该不一样。 chunks: 'initial', priority: 1, minChunks: 2 } }} 注意抽离出来的代码要在HTML文件里引入 2）多端项目 由于项目包含两端代码，H5\PC部分依赖是独立的，单纯的从项目层面进行公共模块的抽离是不行的。 比如我们项目PC用的JQ，H5用的zepto，就可以配置 optimization: { splitChunks: { cacheGroups: { h5common 来告诉 webpack 解析这类依赖时应该搜索的目录 resolve: { modules: [path.resolve(rootDir, 'node_modules')], }, 总结 这篇文章以多端多页面项目为例
2.6K20发布于 2019-12-04 - 来自专栏腾讯IMWeb前端团队
多端多页面项目Webpack打包实践与优化
先贴一下项目目录结构： - src- common 公用代码库- pages - [活动名称]\_[h5|pc] - index.js - index.html 一、多页面入口配置 首先我们看看项目的打包入口如何配置 这里配置有几点需要注意的： 1、动态publicPath 这里说了是多端多页面项目，多端只的就是PC和H5两端，那么这就意味着各端的CDN资源路径是不一样的，所以publicPath值也应该不一样。 , chunks: 'initial', priority: 1, minChunks: 2 }}} 注意抽离出来的代码要在HTML文件里引入 2）多端项目 由于项目包含两端代码，H5\PC部分依赖是独立的，单纯的从项目层面进行公共模块的抽离是不行的。 比如我们项目PC用的JQ，H5用的zepto，就可以配置 optimization: { splitChunks: { cacheGroups: { h5common: {
2.3K30编辑于 2022-06-29 - 来自专栏geekfly
Spring Boot项目配合Nginx发布（单IP，单域名，多项目，多端口）
因为喜欢使用jar包发布项目，单个项目的启停不会影响其他项目正常运行，又不喜欢为每个项目都配置域名，所以想到了这样的部署方案： 项目名 端口 访问域名 project1 10001 http:// listen 80; server_name xxx.com;#域名 location /project1/ { # 项目一 proxy_pass http://10.10.31.62:10001; # 项目1对应的ip和端口 proxy_set_header ip:port/路由，没有添加项目名，在发布时需指定server.context-path=project1,此时访问变成ip:port/project1/路由，方可被Nginx配置的location拦截 项目发布后可现在Nginx本地根据curl ip:port/project1测试有无返回内容，若已经成功启动，但没有响应，考虑是不是防火墙限制。
1.5K20编辑于 2022-05-06 - 来自专栏APICloud AVM多端开发教程
APICloud 原生模块、H5模块、多端组件使用教程
本文分为三个部分，告诉大家如何使用APICloud 的原生模块、H5模块以及多端组件，快速实现功能开发。 如何使用 Studio 3 编辑器检出项目，新建项目，提交或更新代码，本文不做介绍，可参考以下Studio 3文档进行学习。 二、H5模块使用教程 H5模块是指使用HTML、CSS、JS语言开发的模块。所以这类模块需要下载模块源码，在页面中引用。 ? ? 将下载后的代码包解压： ? 多端组件使用教程 多端组件是指使用 avm.js 开发的组件，通常同时适配Android、iOS、小程序、H5 , 具体支持情况还要看每个组件的说明文档。 ? 同样需要组件下载源码，复制到项目中，在页面引入依赖的组件。注意多端开发模式，使用的是stml 页面，语法类似vue 。
1.5K22编辑于 2022-04-24 - 来自专栏你的小程序
打通 H5微信小程序 多端UI库
community/develop/article/doc/00022217bacab04c8dc9eeaa35c813 一开始做 kbone-ui 的初衷是为了减少 kbone 的上手难度，需要提供多端的样式统一的 所以，为了达到这个目标，kbone-ui 的方式是以小程序内置组件和拓展组件为对齐目标， 使用 weui 样式提供 H5 和 小程序体验一致的跨端 UI 组件库。 ” && typeof Component === “function” 对外按照小程序组件，以 K 为前缀暴露一个统一的组件名称，内部H5 端通过 weui 样式来适配，而小程序端直接使用内置组件。 比如： // 对外暴露： <KButton> // 小程序端： <wx-button> // H5 端： <button> + weui 快速上手 kbone-ui 的第一期工作，已经基本完成。 slider、dialog [组件内容] 整体来说，kbone-ui 切入的角度和 taro、mpvue 等跨端式的方式不太一样，使用 kbone-ui 可以在不脱离已有框架(Vue, React)下，实现多端开发目的
1.9K30发布于 2020-01-21 - 来自专栏雪胖纸的玩蛇日常
19.多端项目上线部署（1）同步数据库
4.查看是否同步数据库成功 #查看是否上传成功 mysql -u root -p #输入密码 show databases; #查看本地数据库是否上传上来了 quit; 5.修改服务器端数据库配置，取消远程连接权限
97620发布于 2020-07-03 - 来自专栏MelonTeam专栏
多端排版杂谈
2008年，第一份HTML5正式草案发布，我想那时候大部分的开发者还陷在解决IE6的排版缺陷的泥潭中；当时HTML5带来很多新的东西，但在排版方面没有带来革命性的技术，而是在流体排版的基础上引入了FlexBox FlexBox 内置的水平方向控制属性justify-content 今年5月份，最新的排版技术Grid Layout（栅格化排版）第二个CR版本又发布了，Grid Layout把每个容器都定义成了一张网格 民间传的最多的主要有五大排版方式： (1) LinearLayout(线性布局) (2) RelativeLayout(相对布局) (3) TableLayout(表格布局) (4) FrameLayout(框架布局) (5)
1.5K70发布于 2018-01-04 - 来自专栏雪胖纸的玩蛇日常
22.多端项目上线部署（4）域名绑定和HTTPS配置
在腾讯云搜索 域名注册 服务，根据价格和是否已经被注册，选择一个域名，然后点击购买，完成付费。
4.4K30发布于 2020-07-07 - 来自专栏博文视点Broadview
小程序、H5、App多端开发难？试试Taro吧！
同时除了需要生成小程序，很多公司产品可能还需要在 H5、iOS、Android 端运行。 能否在兼顾小程序的同时，也可以编译生成 H5、iOS、Android 应用呢？ 《Taro 多端开发权威指南：小程序、H5、App 高效开发实战》由基础引入，配以实战，由浅入深，是迄今为止最系统全面地讲述 Taro 多端开发的图书。 第11~12章详细介绍了 Taro 多端开发环境搭建、Taro 开发实战、Taro 项目优化相关知识，带你更深入地理解工程化与性能调优。 ▊《Taro多端开发权威指南：小程序、H5与App高效开发实战》 李佩忠 著 Taro多端开发市面首著 深入学习使用Taro，玩转跨端跨框架开发 支持使用 React/Vue/Nerv等框架 一处代码， 多处运行 快速开发微信/京东/百度/支付宝/字节跳动/ QQ小程序/H5/React Native等应用 从基础到实战，全方位讲解Taro知识点与多端开发思路 （京东限时活动，快快扫码抢购吧！）
1.3K10编辑于 2023-05-06 - 来自专栏雪胖纸的玩蛇日常
20.多端项目上线部署（2）部署后端项目NewCenter到腾讯云服务器
3.将项目打包成.zip包 ? 2.上传项目包 1.使用FileZilla连接腾讯云服务器，并上传NewCenter.zip包 ? ? /activate #进入虚拟环境 #退出虚拟环境 deactivate 3.在虚拟环境中安装依赖库 ls cd NewCenter pip3 install -r requirements.txt 5. 4.退出运行状态： Ctrl键+C键 5.收集静态文件： python manage.py collectstatic 注意，虽然收集了静态文件，但是这个时候，就算重启项目，从浏览器访问，依然是没有样式的 查看端口8000是否占用： netstat -apn|grep :8000 查看与uwsgi相关进程 ps -aux|grep uwsgi 停止uwsgi sudo pkill -f uwsgi -9 5. 后端项目NewCenter部署成功！
4.5K30发布于 2020-07-07 - 来自专栏PM吃瓜(公众号)
谈对象MVC多端
PHP中有函数和方法两种不同的function，函数是应该是公共的，就像前面提到的pubfunc.c一样，还有一些类也是公共的，比如分页类、加密类等，这些文件里面不应该与项目的业务逻辑有耦合关系，应该拿出来给另外一个项目也是通用的 5、到这里已经到达了数据库了，取回数据顺着蓝色箭头反方向返回，数据再次 来到了逻辑控制器。 多用户端（模块）和继承 前文再续就书接上一回，上回讲到 我的项目中M层一直为空的。为什么呢？ 网站这一种程序，通常都会有多端的情况，就是会有 PC端、WAP端、管理端、APP端等等，这个在Thinkphp3.2中称为“模块”。 我目前项目中就有 Home（PC端）、Mobile（移动端）、Admin（管理端） 三大模块了。那三大模块就写三份程序吗？
98420发布于 2019-08-12 - 来自专栏凯哥Java
frp配置多端口内网穿透？frp多端口怎么配置？
= 自定义的用户名 dashboard_pwd = 自定义的密码 #日志路径 log_file = /home/frp_0.46.1_linux_amd64/log/frps.log #以下是配置多端口的 #端口8079是博客管理后台的项目 [tcp_blog-admin] type = tcp local_port = 8079 listen_port = 8079 #端口8080是博客前台项目访问地址 [tcp_blog] type = tcp local_port = 8080 listen_port = 8080 #端口8082是其他项目访问的 [tcp_app3] type = tcp local_port 可以看到如图所示，说明已经frp多端口配置成功 frp客户端启动成功示例图 如果还是不放心，可以登录frp的管理页面进行查看。
4K50编辑于 2023-06-18 - 来自专栏凯哥Java
frp配置多端口内网穿透？frp多端口怎么配置？
= 自定义的用户名 dashboard_pwd = 自定义的密码 #日志路径 log_file = /home/frp_0.46.1_linux_amd64/log/frps.log #以下是配置多端口的 #端口8079是博客管理后台的项目 [tcp_blog-admin] type = tcp local_port = 8079 listen_port = 8079 #端口8080是博客前台项目访问地址 [tcp_blog] type = tcp local_port = 8080 listen_port = 8080 #端口8082是其他项目访问的 [tcp_app3] type = tcp local_port 可以看到如图所示，说明已经frp多端口配置成功 如果还是不放心，可以登录frp的管理页面进行查看。 frp管理页面就是在frps.ini里面配置7500相关的用户名和密码。
3.1K20编辑于 2023-12-22 - 来自专栏新零售项目实践
多端开发实战 | 基于Taro的多端动态定价系统设计与实现
如何在多端应用中实现高效、合规的动态定价？"这是我们系统加入动态定价模块时遇到的第一个挑战。 本文将带您深入了解如何使用Taro框架构建一个支持H5和微信小程序的多端动态定价系统，涵盖从架构设计到具体实现的全过程，并分享我们在开发过程中积累的实战经验。 1.2 分层架构设计关键设计点：客户端缓存层实现5分钟有效期。业务逻辑层处理熔断和会员逻辑。WebSocket保持长连接接收价格更新。 class H5PriceService extends BasePriceService { async getCurrentPrice(productId) { // H5特有逻辑 }}/ ，重点解决了以下核心问题：通过分层架构设计实现了多端适配的统一定价逻辑。
56031编辑于 2025-07-22 - 来自专栏新零售项目实践
多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南
实现过程中，遇到了诸多挑战：多端适配：门店操作端（小程序）、管理看板（H5）、供应商端（Web）需要统一技术栈。数据复杂性：需整合销售数据、库存水位、促销计划、季节波动等多维因素。 本文将详细介绍该系统的架构设计、关键实现以及多端适配方案，并分享在实际落地过程中遇到的典型问题及解决方案。 2.3 技术栈关键组成多端适配层：Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层：Redux Toolkit状态管理。 ：微信小程序无DOM APIH5端需支持响应式布局各平台样式兼容性问题解决方案：/** * EDI报文生成服务类 * 提供EDI报文生成和推送相关功能 */class EDIService { /** 通过多端适配架构设计、智能算法集成和供应商协同流程优化，我们实现了从预测到采购的全流程自动化。系统特别注重：数据准确性：通过严格的数据清洗保证预测质量。操作便捷性：多端统一的操作体验。
87020编辑于 2025-07-23 - 来自专栏新零售项目实践
多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南
多端体验差异：H5与小程序的技术栈适配。Taro 作为跨端框架，基于 React 语法支持一套代码适配多端（H5/小程序/RN 等），结合实时通信技术与分布式架构，可高效实现多端库存同步系统。 本文将基于Taro3.x+React技术栈，从架构设计到代码实现，完整呈现一套多端库存同步方案。 多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。MySQL：存储基础库存数据，支持事务操作（如库存扣减）。 多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。1.3 混合同步策略实时更新：库存变动时，服务端通过 WebSocket 主动推送至所有在线客户端。 解决：启用 MQTT 协议（支持 QoS 消息质量分级）5。本地暂存变更（IndexedDB + Taro 本地存储），网络恢复后重传。3.2 多端数据冲突场景：H5 和小程序同时修改同一商品库存。
56420编辑于 2025-07-19 - 来自专栏APICloud
使用APICloud AVM多端框架开发消防检查助手App项目实践分享
、用到的模块四、项目目录五、开发介绍1、首页导航系统首页使用tabLayout，可以将相关参数配置在JSON文件中，再在config.xml中将content的值设置成该JSON文件的路径。 "hideBackButton": true }, "tabBar": { "background": "#fff", "shadow": "#eee", "color": "#5E5E5E 本项目中需要用到存储、相机、相册3个权限。 ;margin: 5px;}.serach-input{padding: 5px;width: 80%;height: 50px;border-top-left-radius: 5px;border-bottom-left-radius 项目中很多页面涉及到图片预览的功能，分为单图预览和多图预览。图片预览采用的是photoBrowser 模块。
81120编辑于 2022-06-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号