文章目录uni.setStorage(OBJECT)   AND  uni.setStorageSync(KEY,DATA)uni.getStorage(OBJECT)  AND  uni.getStorageSync(KEY) uni.getStorageInfo(OBJECT) AND  uni.getStora
1 、manifest.json配置:2、发行3、直接找到这个包,发给运维部署即可。(不要本地打开这个html文件,可能打不开,但是按照上述配置也是可以打开的)
原创 2022-11-18 00:08:41
572阅读
项目需求比较简单 :就是客户把想要的项目选上,后台即时报价,前台用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即可 在微信小程序开发者工具中,导入生成的微信小程序项目,测试项目代码运行正常后,点击“上传”按钮,之后
仅支持 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
转载 8月前
66阅读
uniapp 打包h5 使用docker 针对“uniapp 打包h5 使用docker”的问题,本文将分多个部分详细讨论,从版本对比到生态扩展,通过专业分析和具体代码示例,为开发者提供一个系统性的解决方案。 ## 版本对比 首先,让我们来看一下当前使用的uniapp版本和docker的兼容性分析。这可以帮助我们理解不同版本在打包h5时的表现。 ```mermaid quadrantCha
原创 6月前
125阅读
 如何解决uniapp H5本地实现跨域访问?1.第一种解决方法:直接创建一个vue.config.js文件,并在里面配置devServer,直接上代码,重启跑项目亲测有效// vue.config.js module.exports = { transpileDependencies: ['uview-ui'], devServer: { :
转载 2024-05-08 20:59:33
2152阅读
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发,然后通过hbuilderx打包成跨端app,此时的app类似h5套壳,本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。 然后将echarts搬到uniapp后会发现,一边开发一边通过浏览器看,会觉得很不错,打开手机模拟器,一片空白!!! 浏览器一切
转载 2023-07-26 05:00:16
1088阅读
1、使用 HBuilderX 新建 uni-app 项目,使用默认模板2、打开 开发者中心,找到应用列表中刚生成的应用3、生成应用证书4、申请使用地图的key值(高德控制台)5、manifest.json 配置模块配置权限配置6、如需在H5端运行调试,需要在依赖的入口文件 index.html中的head标签内加载地图api<script src="https://webapi.amap.c
目录5 API5.1 页面和路由5.1.1 uni.navigateTo5.1.2 uni.redirectTo5.1.3 uni.reLaunch5.1.4 uni.switchTab5.1.5 uni.navigateBack5.1.6 EventChannel5.1.7 uni.preloadPage5.2 onLoad接收页面跳转时的传参5.2.1 vueroute路由
# Android 打包 H5 应用开发指南 在移动应用开发的过程中,H5(HTML5)应用因为其跨平台的特性而受到越来越多开发者的青睐。将H5应用打包Android应用不仅可以将其发布Google Play等应用商店,还为用户提供了更好的使用体验。本文将介绍如何将H5应用打包Android APK的过程,提供相应的代码示例及图示。 ## 1. 理解 H5 应用 H5应用是基于HTML
原创 8月前
32阅读
uniapp多格式文件选择(APP,H5)【补充】背景实现思路代码实现运行结果注意事项尾巴 背景之前写过一篇【uniapp多格式文件选择(APP,H5)】文章使用renderjs来实现H5端和APP端选择文件,当时文章中只涉及了如何选择文件,今天的文章作为补充来实现怎么将选择好的文件进行上传。实现思路上次我们能获取到blob格式的文件流,在H5端这个blob流可以直接通过uni.uploadFi
# uniapp打包H5后调用Android方法的实现指南 ## 一、流程概述 在使用uniapp开发应用时,有时候需要在H5环境中调用Android原生方法。这通常是通过JavaScript与Android进行通信。下面是我们实现这一功能的基本流程: | 步骤 | 描述 | |-------------|----------
原创 10月前
422阅读
# 如何在UniApp打包Android应用并解决内嵌H5无法下载图片的问题 在移动应用开发过程中,我们经常需要将H5内容嵌入Native应用中,UniApp提供了一种便捷的方式来进行此操作。然而,有时候我们会遇到内嵌的H5页面无法下载图片的问题。本文将详细介绍如何实现这一过程。 ## 流程概述 以下是实现“UniApp打包Android内嵌H5无法下载图片”的整体流程: | 步骤 |
原创 9月前
386阅读
# 使用 Docker 部署 UniApp H5 应用的完整指南 在现代开发中,使用 Docker 部署应用程序可以简化开发和运维的过程。今天我们将学习如何将 UniApp H5 应用打包并部署 Docker 上。以下是整个流程的概览: ## 流程步骤 | 步骤 | 描述 | | ---- | ---- | | 1 | 安装 Docker | | 2 | 创建 UniApp
原创 8月前
182阅读
## Android中如何打开UniApp H5 UniApp是一种基于Vue.js的跨平台开发框架,可以用于开发iOS、AndroidH5等多个平台的应用。在Android应用中打开UniAppH5页面可以通过WebView来实现。本文将介绍如何在Android应用中打开UniAppH5页面,并提供相应的代码示例。 ### 1. 添加依赖 首先,在Android应用的build.gr
原创 2023-10-01 10:39:13
407阅读
最近公司有个需求要求在app里点击一个功能打开小程序,并且关闭小程序回到app,模仿平安保险app。毕竟我也是刚学习uni-app,找了很多资料,找到了一个天天外链的网站可以生成一个小程序的链接,使用uni的webview去加载这个链接,很好,需求满足,但是收费,那能不能自己做呢,可以,研究了一下天天外链生成的链接,发现是个html结尾的,那么正好H5里可以直接使用location.href去加载
1.uniapp打包H5操作手法:Hbuilder->发行->网站-PC-WEB端或手机端H5访问,需要填写个访问域名,即发布后访问的域名路径2.uniapp打包H5配置注意事项:uniapp下manifest.json文件中H5配置相关配置,路由模式选择hash,勾选上https访问。注:如果是本地访问没有https设置,则该项不要勾选,打包时勾选就行,否则本地将无法访问。3.小程序
转载 2023-11-24 17:38:37
549阅读
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译iOS、AndroidH5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网:https://www.dcloud.io/文档:https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
webpack 详解1、webpack是什么2、webpack初始化配置3、webpack 开发环境的基本配置3.1、webpack配置打包3.2、webpack css 样式打包3.3、webpack Html资源打包3.4、webpack 图片资源打包3.5、webpack 其他资源打包4、devServer 热更新5、webpack 生产环境的基本配置5.1、将css提取为单独文件5.2、
转载 2024-03-31 22:07:06
498阅读
  • 1
  • 2
  • 3
  • 4
  • 5