1、使用 HBuilderX 新建 uni-app 项目，使用默认模板2、打开 开发者中心，找到应用列表中刚生成的应用3、生成应用证书4、申请使用地图的key值（高德控制台）5、manifest.json 配置模块配置权限配置6、如需在H5端运行调试，需要在依赖的入口文件 index.html中的head标签内加载地图api<script src="https://webapi.amap.c
转载
2023-12-22 15:21:59
265阅读
H5打包发行——网站-H5手机版打包为原生app（云端）发行——原生app云打包—— Android选项打钩——使用DCloud公用证书——输入包名 ——去除广告选项 —— 打包 出现界面，点击打包即可打包为原生app（离线）发布为微信小程序发行——小程序-微信——填入微信小程序名称和AppId即可 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后
转载
2023-11-07 05:20:58
771阅读
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网：https://www.dcloud.io/文档：https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
转载
2023-11-29 15:11:24
0阅读
1 、manifest.json配置：2、发行3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
原创
2022-11-18 00:08:41
385阅读
项目需求比较简单 ：就是客户把想要的项目选上，后台即时报价，前台用websocket实时展示。然后再网上搜了一下（毕竟人比较懒…）贴一下主代码先class websocketUtil {
constructor(url, time) {
this.is_open_socket = false //避免重复连接
this.url = url //地址
this.data = null
# 如何使用 UniApp 开发 H5 应用并适配 iOS
在开发的过程中，使用 UniApp 开发 H5 应用已经成为了一种流行的选择。UniApp 是一个非常强大的框架，可以帮助开发者快速构建多端应用。本文将引导你一步步学习如何使用 UniApp 开发 H5 应用，并适配 iOS。
## 整体开发流程
以下是开发 UniApp H5 应用的整体流程：
| 步骤 | 描述
# UniApp打包H5在iOS布局错乱的解决方案
## 引言
在使用UniApp进行跨平台开发时，开发者往往会遇到一些与布局相关的问题，特别是在iOS设备上。在H5的打包过程中，由于不同操作系统、浏览器和屏幕尺寸的差异，可能导致布局错乱的问题。本文将讨论这些问题的成因，并提供解决方案和示例代码。
## 布局错乱的原因
在iOS设备上，布局错乱通常与以下几个因素有关：
1. **视口（V
一、今日的进展PS：以下内容说的是H5端的真机调试环境，app端的会在文末给出1.知道了uni-app应该如何调试手机端的应用，但仍有一些问题 还是要依赖浏览器，不过是Chrome浏览器，需要在手机端和电脑端配置一个版本相同的Chrome浏览器，通过USB数据线将两台设备相连，再在Chrome地址栏输入chrome://inspect/#devices
转载
2023-12-17 16:04:22
288阅读
# 在 UniApp H5 中实现 iOS 端侧滑功能
## 引言
在开发移动端应用时，用户体验是非常重要的。iOS 端的侧滑手势在很多应用中被广泛使用，比如从左边滑出返回上一页的功能。UniApp 是一个非常强大的跨平台框架，但在某些情况下，可能需要对 iOS 端的侧滑手势进行自定义处理。本文将为你提供一个完整的实现流程，带你一步步揭开如何在 UniApp H5 中实现 iOS 端的侧滑功能。
# iOS原生与UniApp H5交互的科普
随着移动互联网的发展，Web技术的进步使得H5被广泛应用于各类移动应用中。而UniApp作为一个优秀的跨平台开发框架，它允许开发者使用Vue.js来构建应用，同时可以运行在iOS、Android和Web平台上。在很多场景下，我们不得不实现原生应用与H5之间的交互。本文将探讨iOS原生与UniApp H5间的交互方式，并提供一些代码示例。
## 1.
# H5唤起iOS UniApp版的App端指南
在现代的移动应用开发中，H5（即HTML5）与本地App之间的互动越来越受到重视。作为一位新手开发者，如果你想要实现H5页面唤起iOS UniApp版的App，本文将为你详细讲解整个过程和代码实现。
## 流程概述
我们将整个流程分为几个步骤，如下表所示：
| 步骤 | 描述 |
|------|-
## H5打包IOS的流程
为了帮助你顺利实现H5打包IOS的过程，我将为你详细介绍整个流程。首先，我们来看一下总体的步骤。
### 步骤概览
下表展示了H5打包IOS的步骤概览，让我们一步一步地来完成吧。
| 步骤 | 操作 |
|------|------|
| 1. | 创建一个新的Xcode项目 |
| 2. | 将H5文件添加到项目中 |
| 3. | 配置项目设置
原创
2023-09-27 01:58:08
192阅读
# uniapp H5 iOS白屏问题分析与解决
## 引言
在使用uniapp开发H5应用时，有时候会遇到iOS设备上出现白屏的问题，即应用打开后无法正常显示页面内容，只显示一片空白。这个问题可能会让开发者感到困惑，本文将介绍该问题的原因和解决方法。
## 问题描述
当我们在iOS设备上使用uniapp开发的H5应用时，偶尔会出现打开应用后页面仅显示一片空白的情况，没有任何内容显示。这种
原创
2023-11-23 09:29:09
1233阅读
# UniApp在iOS和H5上的兼容性
随着移动互联网的发展，跨平台开发框架受到越来越多开发者的青睐。其中，UniApp是一个基于Vue.js的跨平台应用框架，支持在iOS、Android、H5等多种平台上运行。在开发时，我们常常会遇到兼容性的问题，尤其是在iOS和H5平台之间。本文将探讨这方面的内容，并提供一些实用的代码示例。
## UniApp简介
UniApp允许开发者使用Vue.j
仅支持 app-vue、h5 端1.先根据文档renderjs说明，并且查看示例:https://ext.dcloud.net.cn/plugin?id=1207,下载renderjs-echarts-demo压缩包2.将renderjs-echarts-demo\static的echarts拷贝放到项目目录static中，只能放到static目录中，不然会报错echarts.init is no
如何解决uniapp H5本地实现跨域访问？1.第一种解决方法：直接创建一个vue.config.js文件，并在里面配置devServer，直接上代码，重启跑项目亲测有效// vue.config.js
module.exports = {
transpileDependencies: ['uview-ui'],
devServer: {
:
文章目录uni.setStorage(OBJECT) AND uni.setStorageSync(KEY,DATA)uni.getStorage(OBJECT) AND uni.getStorageSync(KEY) uni.getStorageInfo(OBJECT) AND uni.getStora
前言这里主要针对的是H5，小程序或app都有现成的sdk可以使用； 本人是用uniapp在做微信公众号的h5页面，其中需要把经纬度信息转化成文字描述的位置信息，在腾讯地图开发平台上申请了一个key，然后下载了一个微信小程序使用的微信小程序JavaScriptSDK v1.2但是这个sdk是为小程序设计的，所以在vue的h5中使用会有跨域问题，所以结合vue-jsonp对这个sdk做了一下修改，可以
一、项目背景：原项目：Cordova + vue（H5）现项目：Uniapp + vue（H5）二、问题：Uniapp作为Cordova的替代，则以前Cordova的插件，例如调用摄像头扫码，这种接口需要重写。由于H5的环境和APP的环境是两个天然隔离的运行环境，所以通过常规的手段是不能互相通信的。三、解决方法： 1、App前提条件，在app写绑定事件。 在app
转载
2023-10-11 10:39:34
914阅读
如今最火的APP开发模式是Hybrid APP开发（即混合模式，半原生半H5页面）。 原生是Native APP H5就是Web App 在Hybrid 当中，如何快速的判断一个APP页面是原生的还是H5页面呢？25学堂总和网友的答案汇总整理了一下。如果你们还有更好的判断方法也可以告知学堂君。 1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 显示404或
