위챗 애플릿(1) - 웹-view와 애플릿 간 매개 변수 전달, 메시지 전송

1708 단어 위챗 애플릿

애플릿이 웹뷰에 메시지 보내기

구성 요소에 속성 src가 있습니다. (src는 웹뷰가 웹 페이지를 가리키는 링크입니다. 관련된 공중 번호를 열 수 있는 글입니다. 다른 웹 페이지는 프로그램 관리 백엔드에 로그인하여 업무 도메인을 설정해야 합니다.)
src에서 GET 매개 변수를 설정하면 웹 페이지에 매개 변수를 전달할 수 있습니다: 웹-view에서 정보를 어떻게 얻나요?코드 참조:
$(function () {
		// 
		(function ($) {
		    $.getUrlParam = function (name) {
		        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
		        var r = window.location.search.substr(1).match(reg)
		        if (r != null) return unescape(r[2])
		        return null
		    }
		})(jQuery)
		//name   age 
        var name = $.getUrlParam('name')
        var age = $.getUrlParam('age')
})

웹-view에서 애플릿에 메시지 보내기


html 파일에 위챗 프로그램의 공식 js 인터페이스를 도입: js 파일에서:
//getEnv 
wx.miniProgram.getEnv(function (res) { 
	if (res.miniprogram) { 
		// 
		wx.miniProgram.postMessage({ 
			data:  { 
				name: 'name',
				age: 12
			}
		})
	} 
})

작은 프로그램은 어떻게 정보를 얻습니까?코드 참조: 1. 구성 요소에 bindmessage (웹 페이지가 작은 프로그램postMessage에 추가될 때, 특정 시기(소프로그램 후퇴, 구성 요소 소각, 공유)에 터치하여 메시지를 받습니다.e.detail = {data})2, js 파일에 이벤트 처리를 추가합니다.
Page({ 
	deal_with_msg: function (e) { 
		var data = e.detail.data
		this.setData({ 
			name: data.name,
			age: data.age
		})
	}
})

이 문장이 당신에게 도움이 될까요? 블로거에게 좋아요를 눌러서...

좋은 웹페이지 즐겨찾기