1 、manifest.json配置：2、发行3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
原创
2022-11-18 00:08:41
359阅读
项目需求比较简单 ：就是客户把想要的项目选上，后台即时报价，前台用websocket实时展示。然后再网上搜了一下（毕竟人比较懒…）贴一下主代码先class websocketUtil {
constructor(url, time) {
this.is_open_socket = false //避免重复连接
this.url = url //地址
this.data = null
H5打包发行——网站-H5手机版打包为原生app（云端）发行——原生app云打包—— Android选项打钩——使用DCloud公用证书——输入包名 ——去除广告选项 —— 打包 出现界面，点击打包即可打包为原生app（离线）发布为微信小程序发行——小程序-微信——填入微信小程序名称和AppId即可 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后
转载
2023-11-07 05:20:58
718阅读
如何解决uniapp H5本地实现跨域访问？1.第一种解决方法：直接创建一个vue.config.js文件，并在里面配置devServer，直接上代码，重启跑项目亲测有效// vue.config.js
module.exports = {
transpileDependencies: ['uview-ui'],
devServer: {
:
1、使用 HBuilderX 新建 uni-app 项目，使用默认模板2、打开 开发者中心，找到应用列表中刚生成的应用3、生成应用证书4、申请使用地图的key值（高德控制台）5、manifest.json 配置模块配置权限配置6、如需在H5端运行调试，需要在依赖的入口文件 index.html中的head标签内加载地图api<script src="https://webapi.amap.c
1、条件编译对应某个特殊平台进行单独编写代码，js、css、json皆可条件编译// #ifdef %PLATFORM%
平台特有的API实现
// #endif2、拓展条件编译比如发布h5，但是可能会放到不同的浏览器里面（qq、钉钉、微信浏览器中），由于浏览器不同，可能会有些微差异需要进行单独适配，拓展条件编译官网添加条件编译说明 现在可以争对h5进行条件编译，所以钉钉、qq等浏览器都是可以识
步骤如下：1：点击菜单栏发行，点击选择网站-H5手机版， 2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，(这个地址是你将项目打包之后存放放静态文件的地址)。我这里为了考虑到安全因素，将自己的服务器地址马赛克了。 3：点击高级按钮，进入到manifest.json的h5配置里面，根据自己的情况配置一些信息，我这里是默认的。一定
1.uniapp打包H5操作手法：Hbuilder->发行->网站-PC-WEB端或手机端H5访问，需要填写个访问域名，即发布后访问的域名路径2.uniapp打包H5配置注意事项：uniapp下manifest.json文件中H5配置相关配置，路由模式选择hash,勾选上https访问。注：如果是本地访问没有https设置，则该项不要勾选，打包时勾选就行，否则本地将无法访问。3.小程序
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网：https://www.dcloud.io/文档：https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
一、今日的进展PS：以下内容说的是H5端的真机调试环境，app端的会在文末给出1.知道了uni-app应该如何调试手机端的应用，但仍有一些问题 还是要依赖浏览器，不过是Chrome浏览器，需要在手机端和电脑端配置一个版本相同的Chrome浏览器，通过USB数据线将两台设备相连，再在Chrome地址栏输入chrome://inspect/#devices
—济南纪年信息科技有限公司民生项目：商城加盟/娱乐交友/创业商圈/外包兼职开发-项目发布/安全项目：态..
原创
2021-07-06 15:58:58
1228阅读
# 使用Docker部署uniapp H5应用
在开发uniapp应用的过程中，我们通常会将应用打包为H5版本进行部署。而使用Docker可以方便地将应用部署到服务器上，并且能够保证应用在不同环境中的一致性。本文将介绍如何通过Docker部署uniapp打包的H5应用。
## 打包uniapp为H5
首先，我们需要使用uniapp提供的命令行工具进行打包，将uniapp应用打包为H5版本。假
webpack打包其他资源文件图片打包file-loader的使用
css内引入图片资源
安装
npm install file-loader -D
outputPath:图片文件打包的放在哪个文件夹下。
name:文件图片打包后的命名方式。
[name]打包后的名字和原文件名一致。
[hash:4]指定hash值得位数，防止文件名字重复。
[ext]打包后的名字和原文件后缀一致。代码创建元素设置
前言这里主要针对的是H5，小程序或app都有现成的sdk可以使用； 本人是用uniapp在做微信公众号的h5页面，其中需要把经纬度信息转化成文字描述的位置信息，在腾讯地图开发平台上申请了一个key，然后下载了一个微信小程序使用的微信小程序JavaScriptSDK v1.2但是这个sdk是为小程序设计的，所以在vue的h5中使用会有跨域问题，所以结合vue-jsonp对这个sdk做了一下修改，可以
文章目录1. 打开 `HBuilder`2. 打开项目3. 点击发行4. 等待项目编译5. 查看路径6. 安装7. 启动1. 打开 HBuilder2. 打开项目打开当前要打包的注意： 不可直接打开 index.html
原创
2022-09-05 22:16:17
2236阅读
# UniApp打包H5在iOS布局错乱的解决方案
## 引言
在使用UniApp进行跨平台开发时，开发者往往会遇到一些与布局相关的问题，特别是在iOS设备上。在H5的打包过程中，由于不同操作系统、浏览器和屏幕尺寸的差异，可能导致布局错乱的问题。本文将讨论这些问题的成因，并提供解决方案和示例代码。
## 布局错乱的原因
在iOS设备上，布局错乱通常与以下几个因素有关：
1. **视口（V
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
946阅读
一、项目背景：原项目：Cordova + vue（H5）现项目：Uniapp + vue（H5）二、问题：Uniapp作为Cordova的替代，则以前Cordova的插件，例如调用摄像头扫码，这种接口需要重写。由于H5的环境和APP的环境是两个天然隔离的运行环境，所以通过常规的手段是不能互相通信的。三、解决方法： 1、App前提条件，在app写绑定事件。 在app
转载
2023-10-11 10:39:34
835阅读
最近在给f做一些工具app，学习了不少关于uniapp编写android应用的知识。
首先，App应用的创建的时候要选择项目类型为uniapp类型。最开始我选择的是h5+项目，这种项目就比较容易写成纯js的项目，利用一些html5plus能力，或者使用mui来编写手机app。
我调研了一下，uniapp和h5+（mui为代表）的差异和优缺点如下所示。技术类型优点缺点uniapp可以使用unipp封
当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。在网上看了一圈，好像没有找到十分详细的教程，这里稍微详细的记录了一下，uniapp打包成H5部署到服务器教程。步骤如下：1：点击菜单栏发行，点击选择网站-H5手机版，2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地
