WeChat HTML file opening guide

How to open HTML files in WeChat? Within the applet: use the wx.navigateTo method. In the official account: use the window.open method or add a rich text link.

WeChat HTML file opening guide

Preface

WeChat’s Webview function allows opening HTML files within WeChat, thereby realizing public accounts, Interaction with applications such as mini programs. This article will provide a detailed guide on how to open HTML files in WeChat.

Code example

1. Open the HTML file in the mini program:

const url = 'https://example.com/index.html';
wx.navigateTo({
  url: url,
});

2. Open in the official account HTML file:

window.open('https://example.com/index.html');

Practical case

Open the HTML file in the mini program

1. Add a button or link in the mini program.

2. Bind the tap event for a button or link:

   <button bindtap="openHtmlFile">打开 HTML 文件</button>

3. In the openHtmlFile method, use wx.navigateTo method opens an HTML file.

   openHtmlFile() {
     wx.navigateTo({
    url: 'https://example.com/index.html',
     });
   }

Open the HTML file in the official account

1. In the official account editor, add a rich text box.
2. Paste the HTML file link into the rich text box.
3. Click Preview, then open the official account in WeChat and click the link to open the HTML file.

Notes

• WeChat Webview has some limitations, such as being unable to access local file systems and sensors.
• HTML files must use the HTTPS protocol.
• If the HTML file involves payment or other sensitive information, it needs to be reviewed by WeChat.

The above is the detailed content of WeChat HTML file opening guide. For more information, please follow other related articles on the PHP Chinese website!