最近做项目，使用webView看一些网页，和网页开发一起找什么方法进行交互，还好解决，分享一下经验。对于webView的使用就不写了，百度大法好，主要是交互方面，对WebView增加以下代码：binding.webView.getSettings().setUserAgentString("Android");binding.webView.addJavascriptInterface(newJavascriptInterface(this),"Android");新建类，并对类的方法声明 @android.webkit.JavascriptInterface ，方法就是我们自己的操作了。
先上成功图1.在父组件里面定义弹出层，并且调用子组件制作海报的方法2.点击显示二维码调用子组件海报方法showPoster(customerPostId){ //console.log(this.$refs.positionPoster) this.$refs.positionPoster.createPoster(customerPostId); }3.mounted方法里面获取手机屏幕的宽度，并且设置canvas的大小 uni.getSystemInfo({ success:res=>{ this.canvas
先上成功图1.在父组件里面定义弹出层，并且调用子组件制作海报的方法2.点击显示二维码调用子组件海报方法showPoster(customerPostId){ //console.log(this.$refs.positionPoster) this.$refs.positionPoster.createPoster(customerPostId); }3.mounted方法里面获取手机屏幕的宽度，并且设置canvas的大小 uni.getSystemInfo({ success:res=>{ this.canvas
提示：本文章实现从0到1小程序内打开H5链接或跳转到某公众号文章，使用web-view组件就可以了。文章目录一、先配置链接的域名二、代码实现一、先配置链接的域名进入到小程序后台https://mp.weixin.qq.com/扫码登录，下滑找到业务域名。文章这里以外部链接百度、微信公众号链接为例。配置百度的域名（https://www.baidu.com），微信公众号链接的域名（https://mp.weixin.qq.com）如果不配置域名或者域名配置不正确，会出现打不开接口问题。不支持打开非业务域名https://www.baidu.com,请重新配置。二、代码实现1、首先
提示：本文章实现从0到1小程序内打开H5链接或跳转到某公众号文章，使用web-view组件就可以了。文章目录一、先配置链接的域名二、代码实现一、先配置链接的域名进入到小程序后台https://mp.weixin.qq.com/扫码登录，下滑找到业务域名。文章这里以外部链接百度、微信公众号链接为例。配置百度的域名（https://www.baidu.com），微信公众号链接的域名（https://mp.weixin.qq.com）如果不配置域名或者域名配置不正确，会出现打不开接口问题。不支持打开非业务域名https://www.baidu.com,请重新配置。二、代码实现1、首先
前言：进入公司会发现会从最常见的PC端开发，慢慢将重心转移到H5开发，再到小程序开发，后面随着公司业务的发展还需要开发APP，也就是Android。也有可能顺序不一样，作为一个合格的后端甚至全栈，这些还是要会的。在开发微信小程序功能的时候，发现微信小程序和微信H5还是很多相似之处，但有的接口调用又不相同，所以对于二者的区分还是需要有一个大致的了解，去网上找了资料，特此记录一下。1、含义不同小程序：小程序是一种不需要下载安装即可使用的应用。H5：即“HTML5”的第五个版本，是指描述网页的标准语言，也就是一种新的网页。2、分享和浏览方式不同小程序：小程序是基于微信的一个应用，分享可以通过扫码、链
前言：进入公司会发现会从最常见的PC端开发，慢慢将重心转移到H5开发，再到小程序开发，后面随着公司业务的发展还需要开发APP，也就是Android。也有可能顺序不一样，作为一个合格的后端甚至全栈，这些还是要会的。在开发微信小程序功能的时候，发现微信小程序和微信H5还是很多相似之处，但有的接口调用又不相同，所以对于二者的区分还是需要有一个大致的了解，去网上找了资料，特此记录一下。1、含义不同小程序：小程序是一种不需要下载安装即可使用的应用。H5：即“HTML5”的第五个版本，是指描述网页的标准语言，也就是一种新的网页。2、分享和浏览方式不同小程序：小程序是基于微信的一个应用，分享可以通过扫码、链
技术栈：uniapp-H5+uniapp-微信小程序（vue3+vite2+ts）前言：在单位做项目的时候碰到一个需求，需要从微信小程序跳转到H5页面，这两个端都是使用uniapp编写的，查资料后决定使用webview来嵌入完成，然后考虑到还可能有参数（数据）需要传递，所以实现后记录一下。ps：以下代码我是根据查找的资料里从vue2改成vue3的写法，若有需要改回去即可一、小程序向H5传递1.小程序端发送数据在如下路径创建文件/webview/index.vue，也可自行命名template>web-view:webview-styles="webviewStyles":src="url">/
技术栈：uniapp-H5+uniapp-微信小程序（vue3+vite2+ts）前言：在单位做项目的时候碰到一个需求，需要从微信小程序跳转到H5页面，这两个端都是使用uniapp编写的，查资料后决定使用webview来嵌入完成，然后考虑到还可能有参数（数据）需要传递，所以实现后记录一下。ps：以下代码我是根据查找的资料里从vue2改成vue3的写法，若有需要改回去即可一、小程序向H5传递1.小程序端发送数据在如下路径创建文件/webview/index.vue，也可自行命名template>web-view:webview-styles="webviewStyles":src="url">/
最近公司有个需求要求在app里点击一个功能打开小程序，并且关闭小程序回到app，模仿平安保险app。毕竟我也是刚学习uni-app，找了很多资料，找到了一个天天外链的网站可以生成一个小程序的链接，使用uni的webview去加载这个链接，很好，需求满足，但是收费，那能不能自己做呢，可以，研究了一下天天外链生成的链接，发现是个html结尾的，那么正好H5里可以直接使用location.href去加载外链的，思路有了，开始动手。1，首先使用uni的webview去加载一个H5页面，这个页面需放在自己公司的测试服务器上哦 2，html文件写入location,href='小程序的链接'，就会实现自动
