Seit kurzem muss das Unternehmen auf das Banner auf der Startseite des Miniprogramms klicken, um zu den h5-Seiten anderer Leute zu springen.
Das erste ist das Problem mit dem Domainnamen:
Schritte: Melden Sie sich zuerst bei der kleinen Programmentwicklungsplattform an und geben Sie den Domänennamen ein, zu dem die Seite springen muss. Beachten Sie, dass sich der Domänenname nicht auf den Domänennamen des Servers bezieht, sondern auf den Geschäftsdomänennamen unter dem Server! ! !
Nachdem Sie den Domänennamen konfiguriert haben, können Sie mit dem Aufruf der Webansicht beginnen.
1. Wenn Sie im Applet nicht auf eine Schaltfläche oder eine Ansicht klicken müssen, können Sie den folgenden Code direkt im Applet aufrufen
<web-view src="https://hi.xxx.com/Tickets/html/getScanCode.html"></web-view>
2. Wenn Sie im Applet oder in einer bestimmten Ansicht auf eine Schaltfläche klicken müssen, um zu einer anderen h5-Seite zu wechseln, müssen Sie in „Pages to write“ eine neue Seite hinzufügen
<web-view src="{ {path}}"></web-view>
Geben Sie beim Initialisieren der Daten einen Standardwert an: https://hi.xxx.com/Tickets/html/getScanCode.html.
Schreiben Sie beim Klicken den Pfad einer bestimmten Seite, zu der gesprungen werden muss, als Parameter und übergeben Sie ihn. Nehmen Sie ihn heraus und weisen Sie ihn in Onload zu, um das Problem des Springens zu einer anderen Seite zu lösen.
seiten/index/index.wxml
-
<view class="container"> -
<button bindtap='dianji' data-webview="https://mp.weixin.qq.com/">dianji</button> -
</view>
seiten/index/index.js
-
Page({ -
dianji:function(e){ -
var webview=e.target.dataset.webview -
wx.navigateTo({ -
url: '/pages/webview/webview?webview='+webview, -
}) -
} -
})
seiten/webview/webview.wxml
<web-view src="{
{path}}"></web-view>seiten/webview/webview.js
-
onLoad: function (options) { -
console.log(options) -
var webview=options.webview; -
this.setData({ -
path: webview -
}) -
}
Frage 2: So leiten Sie die h5-Seite zum Applet um
<button class="btn">Zur Applet-Seite springen</button>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
//h5页面的按钮点击跳转到小程序 给按钮加点击事件 事件中写以下代码即可
// javascript
$('.btn).click(function(){wx.miniProgram.navigateTo({url: '/path/share/share'})//这里填要调到哪个小程序页面路径})Wenn es für Sie nützlich ist, achten Sie auf das Miniprogramm des Bloggers, melden Sie sich an, um Unterstützung zu leisten, und alle offenen Quellen und nützlichen Quellcodes werden in Zukunft in das Miniprogramm hochgeladen
Auf der öffentlichen WeChat-Plattform müssen Sie den Geschäftsdomänennamen konfigurieren. Schauen Sie sich die Webansicht des Tutorials an | Öffnen Sie das WeChat-Dokument