热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

小程序web-view使用jssdk.3.2,微信小程序webview调用JSSDK

微信小程序提供了很多实用的接口,可以帮助你更好利用已有的资源,为用户提供产品和服务。小程序webview组件,可以让你把原来的网站,放到小程序里,除此之外,你还可以在小程序的web-view组件中

微信小程序提供了很多实用的接口,
可以帮助你更好利用已有的资源,
为用户提供产品和服务。

小程序webview组件,
可以让你把原来的网站,
放到小程序里,

除此之外,
你还可以在小程序的web-view组件中,
使用jssdk,
让你的网站在小程序里,
实现更强大的功能。

今天子恒老师跟你分享下这个方面的内容…

加子恒老师公众号 性感笔记
回复 小程序打开网页
观看《小程序web-view打开网页》视频,
了解怎么把网站嵌入到小程序

一、 小程序webview使用 jssdk 好处
小程序web-view中使用jssdk,
可以让你的网站在小程序里有下面的功能:
使用手机拍照
使用手机录音机
摇一摇
微信扫一扫
微信卡券

这些功能可以让你跟用户更好的互动,
为用户提供更好的体验。

二、 微信小程序webview使用 jssdk 的流程和方法
想要在小程序webview中使用 jssdk(目前是JSSDK 1.3.2)
只要按照下面的流程操作即可
2-1) 在你的 html5 网页中引入 JSSDK 1.3.2

2-2) 配置 JSSDK 开发参数

主要目的有两个
2-2-1) 用于在微信服务器验证你的身份
如果你的jssdk参数配置不合法,
则无法在小程序里使用jssdk。

猛击这里,
观看《详解小程序配置jssdk参数》视频
详细了解相关信息

2-2-1) 获取 jssdk 的 ticket
当你的身份合法时,
需要获取一个 ticket,
用于识别你身份的有效期。

2-3) 使用 jssdk 实现你的业务逻辑
比如当你使用getNetworkType这个jssdk接口时,
小程序会返回用户网络状态,
是2G/3G/4G/wifi
然后你根据返回的信息,
做进一步处理。

三、 小程序web-view使用 jssdk demo视频教程
子恒老师在《微信小程序web-view高级用法》中,
详细讲解了下面的jssdk接口使用,

2-1) 怎么设置webview业务域名
2-2) 在webview中打开h5页面
2-3) web-view中怎么使用JSSDK 1.3.2
2-4) webview调用微信扫一扫
2-5) web-view跳转到小程序页面
2-6) 小程序web-view与h5页面传值
2-7) web-view怎么实现微信支付
2-8) web-view动态获取src网址
2-9) web-view打开别人的网页

可以观看子恒老师的《微信web-view高级用法》系列视频,
了解实现过程和下载微信web-view相关源代码

设置web-view的业务域名——小程序web-view高级用法1
小程序使用web-view打开h5网页——小程序web-view高级用法2
微信web-view高级用法介绍——小程序web-view高级用法3
小程序web-view JSSDK配置文件说明——小程序web-view高级用法4
web-view的h5页面设置jssdk选项——小程序web-view高级用法5
小程序web-view打开网页demo实例——小程序web-view高级用法6
微信web-view用wx.getNetworkType获取网络状态——小程序web-view高级用法7
web-view调用wx.scanQRCode微信扫一扫——小程序web-view高级用法8
h5网页跳转到微信小程序——小程序web-view高级用法9
wev view h5页面传递参数给小程序——小程序web-view高级用法10
webview调用微信支付——小程序web-view高级用法11
webview实现支付后的业务逻辑处理——小程序web-view高级用法12
微信web-view动态显示h5网页——小程序web-view高级用法13
微信webview分享h5网页——小程序web-view高级用法14
微信web-view优缺点,什么时候使用webview——小程序web-view高级用法15
微信web-view显示第三方网页——小程序web-view高级用法16


推荐阅读
  • 微信小程序实现星级评分与展示
    这篇文章主要为大家详细介绍了微信小程序实现星级评分与展示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 微信小程序地图实现展示线路的方法
    这篇文章将为大家详细讲解有关微信小程序地图实现展示线路的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所 ... [详细]
  • 今天就跟大家聊聊有关怎么在微信小程序中监听全局变量,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇 ... [详细]
  • UIWebView拦截URL原理:js通过加载url方式被webView拦截,这时候看如果是自己定义的scheme请求就不让webView继续加载请求,否则就继续加载请求。webV ... [详细]
  • 微信小程序新手教程wx.request(object) API
    微信小程序新手教程wx.request(object)API,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧wx.request(object)API这里通过干活集中营的A ... [详细]
  • 微信小程序实战之菜谱小程序
    最近突发奇想,想要自己搞个小程序玩儿玩儿,但是鉴于自己是搞后端服务器出身,对于偏前端的微信小程序开发实在是一知半解,尤其是对于css类样式相关,更是无从下手,于是乎,只能从晚上找了 ... [详细]
  • 微信小程序实现简易计算器功能_javascript技巧
    这篇文章主要为大家详细介绍了微信小程序实现简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 微信小程序学习笔记-3-问题
    一些在开发微信小程序中常见的问题页面渲染  微信小程序中规定所有页面上渲染出来的数据,包括文字和图片皆包含在在每个页面文件夹中的js文件中的page这个内置函数的参数data中, ... [详细]
  • 微信小程序如何实现列表的横向滑动
    小编这次要给大家分享的是微信小程序如何实现列表的横向滑动,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所 ... [详细]
  • 小程序FMP优化实录,附小技巧
    缘起随着互联网企业的不断发展,产品项目中的模块越来越多,用户体验要求也越来越高,想实现小步快跑、快速迭代的目的越来越难,还 ... [详细]
  • 微信小程序适合做什么?微信小程序详情介绍
    微信小程序是腾讯新开发的功能,目前备受关注的,还有很多用户不是很了解,不知道这个微信小程序适合什么,因此就让小编给大家讲讲吧。微信小程序详情介绍小程序也有很多功能,如果你按照之前的 ... [详细]
  • 知晓推送正式上线!送你 13 亿条模板消息
    「知晓推送」能帮助小程序运营人员有效解决粉丝转化、消息推送、数据分析等多个层面的麻烦事,让小程序推广难、留存差的问题从此成为过去式。在服务上线的这个重要的日子里,贴心的小云专门向” ... [详细]
  • 小程序中如何实现弹出菜单功能
    这篇文章给大家分享的是有关小程序中如何实现弹出菜单功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。需求点击 ... [详细]
  • 以前都是用php开发微信公众号,很少有人用java来做,我用java来做了一个微信小程序的后台,前端是一个微信商城,没有开发完,但是已经封装了取得openid,wechat-master目录 ... [详细]
  • 微信小程序下拉触发onPullDownRefresh函数调用,但是问题在这里面的实现并没有生效。原因:微信小程序默认不支持下拉也就是说想要支持下拉刷新的功能,还必须得要在app.jso ... [详细]
author-avatar
多米音乐_34067977
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有