博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web-view——微信小程序嵌入H5
阅读量:6269 次
发布时间:2019-06-22

本文共 733 字,大约阅读时间需要 2 分钟。

 

  web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

开发环境:angular + 微信小程序 
 

  在Angular中调用微信小程序JSSDK

  index.html

  
Wechath5

 

在Angular组件中调用小程序JSSDK提供方法接口

import { Component, OnInit } from '@angular/core';declare var wx: any;@Component({  selector: 'app-root',  templateUrl: './app.component.html',  styleUrls: ['./app.component.css']})export class AppComponent implements OnInit {  info = null;  ngOnInit() {    const that = this;    // 微信接口    wx.miniProgram.getEnv(function (res) {      that.info = res.miniprogram;    });  }}

 

 

 小程序向H5传递参数的方式  url?id=1

  H5返回小程序并传递参数

wx.miniProgram.redirectTo({      url: '../index/index?name=word'    });

 

 

 

 

 

 

转载于:https://www.cnblogs.com/zry2510/p/9242599.html

你可能感兴趣的文章
Spark核心技术原理透视一(Spark运行原理)
查看>>
《Gradle权威指南》--Gradle任务
查看>>
IntelliJ IDEA创建文件时自动填入作者时间 定制格式
查看>>
Android app启动activity并调用onCreate()方法时都默默地干了什么?
查看>>
远程监视jboss应用java内存的配置
查看>>
前端如何接收 websocket 发送过来的实时数据
查看>>
JavaWeb下载文件response
查看>>
Laravel的三种安装方法总结
查看>>
SpringMVC加载配置Properties文件的几种方式
查看>>
C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginat...
查看>>
java 项目相关 学习笔记
查看>>
numpy opencv matlab eigen SVD结果对比
查看>>
WPF获取某控件的位置,也就是偏移量
查看>>
Boost C++ 库 中文教程(全)
查看>>
solr查询优化(实践了一下效果比较明显)
查看>>
jdk目录详解及其使用方法
查看>>
说说自己对RESTful API的理解s
查看>>
通过layout实现可拖拽自动排序的UICollectionView
查看>>
服务器错误码
查看>>
javascript中的面向对象
查看>>