精华内容
下载资源
问答
  • h5应用
    千次阅读
    2021-09-06 16:34:10

    首先,要在钉钉开发者版本中启动微应用调试。启用步骤如下:

    • 进入“我的”(个人资料页)

    • 选择“设置”

    • 选择“通用”

    • 选择“开发者选项”

    • 打开“微应用调试”

    其次,用数据线连接安卓手机。

    第三,在安卓手机的开发者选项中开启手机的USB调试。

    第四,在Chrome浏览器中输入chrome://inspect/#devices,找到要调试的页面,点击“inspect”。

    第五,连接上科学上网,这样才能打开调试的窗口,否则弹出的窗口可能是空白或者显示404之类。

    更多相关内容
  • 企业内部H5应用开发 分为 服务端API和前端API的开发,主要涉及到进入应用免登流程和JSAPI鉴权。 JSAPI鉴权开发步骤: 1、创建H5应用 登入钉钉开放平台(https://open-dev.dingtalk.com/),进入“应用开发”->...
  • H5应用转换快应用

    千次阅读 2022-01-10 15:42:56
    1.H5应用及快应用介绍 H5应用 第五代Html标准开发的web应用,浏览器通过解析HTML,就可以把网页内容显示出来; 跨平台性; 浏览器上运行。 快应用 提供原生体验的免安装应用; 行业标准,现在有超过12家智能...

    1.H5应用及快应用介绍

    H5应用

    • 第五代Html标准开发的web应用,浏览器通过解析HTML,就可以把网页内容显示出来;

    • 跨平台性;

    • 浏览器上运行。

    快应用

    • 提供原生体验的免安装应用;

    • 行业标准,现在有超过12家智能手机厂商支持;

    • 需要在快应用引擎中运行。

    H5应用转换快应用

    • H5应用转换成快应用,简称H5快应用。它是使用了快应用web组件或者webview接口,然后快速打包成快应用rpk包,应用本质上还是web应用,上架应用市场后,用户可以直接打开,所有体验和原H5应用相似。

    • 维护工作量小,只要url不发生变化,H5快应用在客户端这边就不需要维护。

    • H5应用转换成快应用后如果仅发布中国大陆,请慎重选择,很可能会被审核驳回。

    2.转换指导

    转换方式支持在线转换和线下转换。在线转换是开发者访问AppGallery Connect,填写相关内容,由网站自动转换生成快应用rpk包后再提交审核。

    线下转换是指开发者使用华为快应用IDE进行转换,转换完打包生成快应用rpk包后再提交审核。线下转换又支持两种模式,System Webview Mode和Browser Custom Tabs Mode,两种模式的实现机制是不同的。

    您可以观看慕课视频H5应用转换快应用,详细了解如何转换生成rpk, 视频里面有很详细的录屏操作。

    2.1在线转换

    开发者访问AppGallery Connect ,填写相关内容,由网站自动转换生成快应用rpk包后提交审核。总体流程如下:

    2.2线下转换

    开发者使用华为快应用IDE进行转换,转换完打包生成快应用rpk包后提交审核,支持如下两种方式。

    System WebView Mode:使用快应用web组件加载H5 url。

    Browser Custom Tabs Mode:使用快应用webview.loadCustomTabsUrl()加载H5 url。

    2.3转换注意事项

    应用类型属于游戏的H5 url,不支持线上转换,H5快游戏和H5快应用的引擎实现是不一样的。

    线下转换提交审核的rpk请通过Build-> Run Release构建。

    线下转换使用Browser Custom Tabs Mode时,最小平台版本号需要设置为1078。

    线下转换使用Browser Custom Tabs Mode依赖华为浏览器app,如果华为浏览器未安装,需要做容错处理。

    2.4 线上和线下转换对比

    3.FAQ

    FAQ请参考官网

    https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-h5-to-quickapp#h1-1586402828519

    更多精彩内容,请见华为开发者官方论坛→https://developer.huawei.com/consumer/cn/forum/home?ha_source=sanfang

    展开全文
  • h5app 基于5 + App,mui和HBuilder的h5应用
  • django+uniapp开发的一起看电影h5应用
  • 什么是H5应用加固?

    千次阅读 2022-02-17 13:56:04
    什么是H5应用加固? H5 应用加固,是指通过混淆加密JS代码的方式,对H5应用、小游戏的JS源码进行保护,用于防止H5游戏、应用被逆向、调试、破解等。 H5加固可起到哪些效果? 保护数据 加固后,使明文数据成为密文...

    什么是H5应用加固?

    H5 应用加固,是指通过混淆加密JS代码的方式,对H5应用、小游戏的JS源码进行保护,用于防止H5游戏、应用被逆向、调试、破解等。

    H5加固可起到哪些效果?

    1. 保护数据

    加固后,使明文数据成为密文,比如加密帐号、密码、emal或其它的重要数据。

    1. 防分析盗用

    H5应用被逆向后,如果JS源码未保护,代码会被直接查看,从而分析出功能逻辑,也可以被修改、克隆出一个雷同的应用。但如果代码经过加固,分析、修改都是不可进行的。

    1. 防盗链

    如果H5应用远程引用着某域名下的JS文件,通过加固功能,可锁定此JS文件的执行域名,JS文件离开指定的域名即无法使用,从而防止盗链式的非法使用。

    1. 防调试

    H5加固一般还有防调试功能,防止代码执行时被调试。

    H5加固有哪些工具可用?

    H5加固,市面上已有成熟的工具,国外的比如Jscramber,国内有名的比如JShaman,都很不错。

    展开全文
  • newborn:h5应用

    2021-05-14 06:09:22
    新生 docs php>-api>>-m>>-nfs> 测试>-引导程序>>-css3>>-h5>>-nodejs
  • 刷题 H5应用网站源码,无后端无数据库轻量化部署简单+四种刷题模式,无后端、无数据库轻量化部署简单 使用 JSON 作为题库存储,层次清晰,结构简单易懂,有配套的 word 模板和模板到 JSON 转换工具,四种刷题模式:...
  • 已实现项目开发钉钉向个人推送消息和与H5应用操作步骤,内含代码,亲测有效。
  • 使用Qt Web引擎嵌入H5应用框架源码。可以很方便的将web应用作为桌面应用。
  • uniapp实现APP中内嵌H5应用

    千次阅读 2022-04-06 14:37:38
    现如今,各大APP平台都有属于自己的小程序体系,各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢?答案就是内嵌web-view 注意事项 APP中有vue页面及nvue页面,两种...

    现如今,各大APP平台都有属于自己的小程序体系,各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢?答案就是内嵌web-view

    注意事项

    1. APP中有vue页面及nvue页面,两种页面均可内嵌web-view,但两种页面的表现不一:vue页面会自动铺满整个页面,接收web-view页面通信使用的是@message;nvue页面则需要指定页面宽高,接收web-view页面通信使用的是@onPostMessage
      web-view组件

    2. 由APP通知web-view页面,无论是vue页面还是nvue页面,只有evalJS方法,但调用的姿势不一致

    vue页面调用:

    <template>
    	<web-view :src="url" @message="message"></web-view>
    </template>
    
    <script>
    export default {
    	xxx,
    	onLoad() {
    		this.currentWebview = this.$mp.page.$getAppWebview();
    		this.currentWebview.children()[0].evalJS('xxx');
    	}
    }
    </script>
    

    nvue页面调用:

    <template>
    	<web-view ref="webview" :src="url" @message="message"></web-view>
    </template>
    
    <script>
    export default {
    	xxx,
    	onReady() {
    		this.currentWebview = this.$refs.webview;
    		this.currentWebview.evalJS('xxx');
    	}
    }
    </script>
    
    1. nvue页面中使用的web-view页面是无法调用plus API的,vue页面是可以控制外部web-view页面是否可用plus API,其他事项具体参考web-view | uni-app官网

    实现细节

    博主使用的是vue页面的web-view组件,因为页面需要铺满屏幕且需要plus API支持,但实现的过程中还是会遇到大大小小的问题,下边举两个具体实现中遇到的问题及解决方案

    1. 顶部导航栏的表现不一:因内嵌web-view应用需要全屏显示,标题栏也交由内嵌应用自定义,故在pages.json中定义页面的时候,须将页面的titleNView设置为false。但即便如此,其表现仍然不一致,表现为Android端的页面起始位置是手机屏幕的最顶部(含状态栏在内),iOS端则是从状态栏之下开始渲染页面,为了抹平差异,可使用webview的setStyle统一

    APP端设置:

    export default {
    	xxx,
    	onReady() {
    		this.currentWebview = this.$mp.page.$getAppWebview();
    		// 提前计算好屏幕比率(screenRatio),底部安全距离(safeAreaInsetsBtm),区分平台(platform)
    		let { screenRatio, safeAreaInsetsBtm, platform } = this.$store.state;
    		// 由于iOS端会自动定位top到状态栏底下,故这里需要判断手机系统
    		// 因调节Android端的top值能看出头部变化,故转换思路调ios端的top值
    		let top = 0;
    		if (platform === 'ios') {
    			let info = uni.getSystemInfoSync();
    			top = -info.statusBarHeight;
    		}
    		let bottom = safeAreaInsetsBtm / screenRatio;
    		this.currentWebview.children()[0].setStyle({ top, bottom: parseInt(bottom) });
    	}
    }
    

    统一两端的top至手机屏幕最顶部,bottom至手机屏幕安全距离之上

    内嵌应用中设置:

    // 内嵌应用中,配置一个全局变量管理顶部样式,比如可在vuex的action中写个setPage方法
    const actions = {
    	setPage(context) {
    		let statusbarHeight = plus.navigator.getStatusbarHeight();
    		let pageStyle = { paddingTop: `calc(0.2rem + ${statusbarHeight}px)` };
    		context.commit('pageStyle', pageStyle);
    	}
    };
    
    1. 内嵌应用中的数据传递:由APP中调用evalJS方法,调用到的是内嵌应用index.html中定义的方法,怎么将APP传递过来的信息传递到内嵌应用的vue页面去呢?这里推荐一个插件mitt

    APP中调用:

    export default {
    	onReady() {
    		this.currentWebview = this.$mp.page.$getAppWebview();
    		this.currentWebview.children()[0].evalJS("showTip('提示测试')");
    	}
    }
    

    内嵌应用的index.html中,引用下载到本地的mitt.umd.js

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8" />
    		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    		<meta name="renderer" content="webkit" />
    		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    		<!-- uni 的 SDK,必须引用。 -->
    		<script src="<%= BASE_URL %>libs/uni-app/uni.app.webview.1.5.2.js"></script>
    		<!--html页面与vue页面通讯js-->
    		<script src="<%= BASE_URL %>libs/mitt/mitt.umd.js"></script>
    		<title>xxx</title>
    	</head>
    
    	<body>
    		<noscript>
    			<strong>当前浏览器版本太低,请升级浏览器或使用其他浏览器</strong>
    		</noscript>
    		<div id="app"></div>
    		<!-- built files will be auto injected -->
    		<script>
    			window.bus = window.mitt();
    			const showTip = (tip) => {
    				window.bus.emit('showTip', tip);
    			};
    		</script>
    	</body>
    </html>
    

    内嵌应用vue页面中:

    export default {
    	activated() {
    		// 挂载
    		window.bus.on('showTip', (tip) => {
    			alert(tip);
    		});
    	}
    	deactivated() {
    		// 离开时记得销毁
    		window.bus.off('showTip');
    	}
    }
    

    总结

    在实现的过程中,其实不单单只有这些内容,具体的实现还是需要各位真枪实弹编码踩坑,才能知道原来这里面还有这么细节的东西。只能感慨跨端确实不容易啊,继续加油吧,Keep learning…

    展开全文
  • ios提供了PWA支持,通过manifest.json来配置具体属性,包含应用名称,应用图标等。具体示例如下:1. 在h5 首页中加入 manifest 2. 首页同级目录中添加 site.webmanifest文件,文件内容如下:
  • 特色内容 无后端、无数据库轻量化部署简单 使用JSON作为题库存储,层次清晰,结构简单易懂 有配套的word模板和模板到JSON转换工具 四种刷题模式:顺序刷题、乱序刷题、错题模式、背题模式 主要结构 ...
  • 秋华师《H5应用开发》.doc
  • 钉钉H5应用修改导航栏标题名称
  • 最美照片投票H5应用最美军训照,“最美表情”评选,照片表白墙,线上投票H5应用特性多图异步上传、实时预览、实时打分支持AI颜值打分(使用腾讯AI开放平台接口)投票统计热度统计图片延迟加载根据名字搜索评论功能...
  • 1.简介:上一篇文章钉钉H5应用出现双导航栏怎么解决,这次我们来说说,用钉钉打开微应用时,如何设置导航栏的标题吧。 2.解决办法:引入钉钉H5应用api,设置导航栏title。 3.上代码: 1.先安装相关依赖 npm ...
  • import openLink from 'gdt-jsapi/openLink' openLink({ url: "https://www.dg-work.cn/home/" }).then(res => { console.log(res) }) 详情参考专有钉钉门户
  • 遗憾的是,在2020年苹果官方对H5封装的应用审核政策突然的收紧,不少H5应用上架屡屡被拒。 IOS免签封装,解决H5应用上架App Store被拒的问题 其实,H5应用上架到App Store应用商店并不是唯一的选择,我们可以退一
  • 企业微信H5应用本地调试

    千次阅读 2020-10-10 17:41:39
    https://work.weixin.qq.com/api/doc/90000/90139/90315#%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1Windows%E7%89%88%E6%9C%AC%E8%B0%83%E8%AF%95
  • VUE CLI3适配H5应用的框架,采用px自动转vw的方式
  • 电信设备-H5应用的调用方法、装置和移动终端.zip
  • 更新验证 为了演示从企业微信应用访问的是咱们的H5项目,下面修改主页信息 在src/App.vue文件中的内容替换如下 <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> 访问博客技术专栏</a> ...
  • 通过H5封装成IOS的应用在初期的确受到了广大开发者们的追捧,因为只需要有H5网站就可以通过...遗憾的是,在2020年苹果官方对H5封装的应用审核政策突然的收紧,不少H5应用上架屡屡被拒。IOS免签封装,完美解决H5...
  • 最近正在做企业微信内的h5应用,有微信授权登录这么个需求。微信授权登录并不复杂,整个流程就是按照文档上描述的:在入口页构造网页授权链接,跳转到该链接,微信会重定向到入口页并将code拼在url上,前端将code给...
  • 原生应用,混合应用,H5应用区别

    千次阅读 2018-11-05 18:06:22
    每一个应用的知识框架 混合应用的所包含的框架 要求明确每一个应用种类的优缺点;
  • H5引入了应用程序缓存,意味着WEB应用可进行缓存,可在没有因特网时进行访问 应用程序缓存的优势: 离线缓存:用户可在离线时使用它们 速度:加载速度更快 减少服务器负载:浏览器只从服务器下载更新的或者更改过的...
  • 98-375H5应用程序开发

    2018-04-06 00:26:42
    98-375H5应用程序开发 98-375H5应用程序开发 98-375H5应用程序开发
  • 最近在做钉钉的免登,npm 安装好 dingtalk-jsapi 后,执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notInDingTalk’ 时又是有效的。花了很长时间,一直找不到原因。后来无意中发现别人的代码似乎跟我有...
  • 1.功能类H5制作平台mugeda的特点有哪些? 2. 请问H5版面设计的五个关键点是哪些? 3.请问在H5中的动画和动效两者的区别是什么? 4. H5的作品可以在后期通过数据统计来分析出受欢迎程度和不足之处,试说说mugeda...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 97,575
精华内容 39,030
关键字:

h5应用