유 니 앱 이 개발 한 H5 는 유 니 앱 이 개발 한 애플 릿 에 포함 되 어 있 습 니 다. H5 에서 애플 릿 으로 이동 하 는 방법 은 무엇 입 니까?

4885 단어 uni-app
1. 의존 하 는 파일 을 참조 하여 웹 - view 에 불 러 온 HTML 에서 유 니 의 API 를 호출 하려 면 HTML 에서 필요 한 JS - SDK 를 참조 해 야 합 니 다.
<!--    JS-SDK  -->  
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>  
<!-- uni   SDK -->
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>


조심해!!!1. 어떤 곳 에 서 는 위 챗 JS - SDK 라 는 js 를 도입 하지 않 아 도 된다 고 말 하지만 제 가 도입 하지 않 으 면 계속 역할 을 하지 못 하기 때문에 만약 에 이 js 를 도입 하지 않 고 계속 역할 을 하지 않 는 다 면 반드시 이 js 를 도입 하여 다시 시도 해 보 세 요.2. 위 챗 의 SDK 는 반드시 유 니 앱 SDK 앞 에 써 야 합 니 다.
2. 호출 방법의 전 제 는 홈 페이지 에서 말 한 다섯 가지 점프 방법 과 유 니. postmessage, 유 니. getEnv 를 호출 할 수 있 습 니 다. 이 방법 들 의 전 제 는 유 니 앱 JSBridgeReady 이 벤트 를 촉발 한 후에 야 유 니 의 API 를 호출 할 수 있 습 니 다.
document.addEventListener('UniAppJSBridgeReady', function() {
    uni.getEnv(function(res) {
        console.log('    :' + JSON.stringify(res));
    });
});


조심해!!!1. H5 단 이 vue 를 도입 하 는 방식 으로 작성 되 었 다 면 트리거 방법 은 new Vue 밖 에 써 야 합 니 다. 그 이 유 는 저도 잘 모 르 겠 습 니 다. 저 는 트리거 사건 을 mounted 에 써 서 실행 하지 않 고 밖 에 두 어야 실 행 했 습 니 다.2. 트리거 방법 이 성공 적 으로 실 행 된 후에 이벤트 에서 유 니 를 호출 하지 않 아 도 됩 니 다. 다른 곳 에서 도 좋 습 니 다. vue 에서 도 가능 합 니 다.하지만 트리거 이벤트 의 반전 에서 유 니 의 방법 을 사용 하여 트리거 방법 이 성공 적 으로 실행 되 었 는 지 판단 할 수 있 습 니 다.
3. 유 니 의 경로 전환 방법 을 호출 한 다음 에 점프 를 클릭 해 야 하 는 페이지 에서 JSDK 가 제공 하 는 인 터 페 이 스 를 실행 하여 애플 릿 으로 되 돌려 줍 니 다.
//     tabBar  
jWeixin.miniProgram.switchTab({
	url: '/pages/index/index'
})
//       tabBar  
jWeixin.miniProgram.navigateTo({
	url: '/pages/index/index'
})

좋은 웹페이지 즐겨찾기