国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Table of Contents
Implementation solutions
The first type: H5 pages suitable for running in external browsers through URL Scheme
How to get URL Link
trap record
第三種:在自定義H5頁面嵌入微信標簽
HTML標簽示例
注意要點
最后
Home WeChat Applet Mini Program Development Let's talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls)

Let's talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls)

Jan 22, 2022 am 09:43 AM
Applets

How to jump from H5 page to mini program? The following article will introduce to you several implementation solutions for jumping from H5 pages to mini programs, as well as share pitfall records and key points. I hope it will be helpful to everyone!

Let's talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls)

A recent requirement I have been responsible for involves the scenario of H5 page jump applet. The specific application scenario is:

Operation passed Send a link via text message to reach the user => The user clicks the link => Jumps to a page specified by the mini program

Let’s take a look at the current H5 jump mini program Which implementation solutions~

Implementation solutions

There are currently many solutions to implement the H5 jump applet. You can choose according to your actual scenario. The second scenario mentioned above is more suitable. , let’s look at them one by one first. [Related learning recommendations: 小program development tutorial]

The first type: H5 pages suitable for running in external browsers through URL Scheme

, use URL Scheme to pull up WeChat and open the specified mini program.

URL Scheme of Mini Program

If you use cloud development, authentication is not required and you can get it by calling it directly. I won’t go into details here. Interested children can check the documentation themselves. Right~

How to get the URL Scheme of the mini program? You can obtain the URL Scheme for opening any page of the mini program through the server interface or in the mini program management background

"Tools" - "Generate URL Scheme" entry.

Usage example

The following picture is filled in through: [Mini Program Management Backend - Tools - Generate URL Scheme] page

Lets talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls)

For specific paths and parameters, click the [Generate] button to save the generated URL Scheme and place it directly in the click event of the button, such as:

openWeapp() {
    location.href = 'weixin://dl/business/?t=xxxxxx'
}
For other details, please refer to WeChat official documentation

.

The second type: directly use WeChat’s short link (URL Link)

This is generally suitable for directly generating links without additional development of H5 pages, and users can open the link Can jump to the specified mini program page.

After opening the link, there will be WeChat's default H5 transfer page (you can also customize the H5 transfer page). The current version already supports the default automatic jump to the applet without user confirmation. , this is very good.

Through the server interface

you can get the URL Link
# that opens any page of the mini program

##For specific details, please refer to WeChat official documentation.

trap record

  • In the interface of the WeChat-generated URL Link, the parameter path only recognizes the official version, although There is an environment variable env_version, but it is useless (that is to say, the set path must already exist in the official version, otherwise it will report: invalid weapp pagepath ).

  • The generated URL Link is https://wxaurl.cn/pFawq35qbfd This short link can only be opened in WeChat environment It will jump to [Official Version]. Even if your env_version is set to [Experimental Version] or [Development Version], you need to open it in an external browser to jump to the specified version,refer to.

  • When opened in some OPPO's own browsers (as shown below), it prompts "Please open the web link on your mobile phone". The compatibility still needs work...

Lets talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls)

第三種:在自定義H5頁面嵌入微信標簽

這種適用于運行在微信環(huán)境的自定義H5頁面,將跳轉按鈕融合在自研H5應用,點擊按鈕后跳轉指定小程序頁面。

  • 需要 js-sdk-1.6.0 以上才支持 (https://res.wx.qq.com/open/js/jweixin-1.6.0.js)
  • wx.config中增加openTagList(開放標簽列表)
wx.config({
  debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印
  appId: '', // 必填,公眾號的唯一標識
  timestamp: , // 必填,生成簽名的時間戳
  nonceStr: '', // 必填,生成簽名的隨機串
  signature: '',// 必填,簽名
  jsApiList: [], // 必填,需要使用的JS接口列表
  openTagList: [] // 可選,需要使用的開放標簽列表,例如['wx-open-launch-app']
});

openTagList(開放標簽列表)目前支持配置:

  • wx-open-launch-weapp - 指H5跳轉小程序
  • wx-open-launch-app - 指H5跳轉app
  • wx-open-subscribe - 服務號訂閱通知按鈕
  • wx-open-audio - 音頻播放

HTML標簽示例

<div class="module-wrap">
    <div class="module-A">
        ...
    </div>
    <wx-open-launch-weapp
      id="launch-btn"
      username="gh_xxxxxxxx"
      path="pages/home/index?user=123&action=abc"
    >
      <script type="text/wxtag-template">
        <style>.btn { padding: 12px }</style>
        <button class="btn">打開小程序</button>
      </script>
    </wx-open-launch-weapp>
</div>

詳細可參考微信官方文檔

注意要點

  • 使用該功能必須是非個人主體認證的小程序。
  • 只能跳已發(fā)布的【正式版】小程序,不能跳【體驗版】或【開發(fā)版】。
  • path 屬性,官方文檔一般是 pages/home/index?user=123&action=abc 這種示例,但實際使用可能會報頁面不存在,需要在所聲明的頁面路徑后添加 .html 后綴,如 pages/home/index.html,有毒。

最后

好了,關于H5跳轉小程序的場景就聊到這里了,希望能給大家?guī)韼椭?,大家有遇到其他啥坑點也可以留言一起交流~

更多編程相關知識,請訪問:編程視頻?。?/p>

The above is the detailed content of Let's talk about several implementation solutions for jumping from H5 pages to mini programs (with common pitfalls). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Develop WeChat applet using Python Develop WeChat applet using Python Jun 17, 2023 pm 06:34 PM

With the popularity of mobile Internet technology and smartphones, WeChat has become an indispensable application in people's lives. WeChat mini programs allow people to directly use mini programs to solve some simple needs without downloading and installing applications. This article will introduce how to use Python to develop WeChat applet. 1. Preparation Before using Python to develop WeChat applet, you need to install the relevant Python library. It is recommended to use the two libraries wxpy and itchat here. wxpy is a WeChat machine

Implement card flipping effects in WeChat mini programs Implement card flipping effects in WeChat mini programs Nov 21, 2023 am 10:55 AM

Implementing card flipping effects in WeChat mini programs In WeChat mini programs, implementing card flipping effects is a common animation effect that can improve user experience and the attractiveness of interface interactions. The following will introduce in detail how to implement the special effect of card flipping in the WeChat applet and provide relevant code examples. First, you need to define two card elements in the page layout file of the mini program, one for displaying the front content and one for displaying the back content. The specific sample code is as follows: &lt;!--index.wxml--&gt;&l

Alipay launched the 'Chinese Character Picking-Rare Characters' mini program to collect and supplement the rare character library Alipay launched the 'Chinese Character Picking-Rare Characters' mini program to collect and supplement the rare character library Oct 31, 2023 pm 09:25 PM

According to news from this site on October 31, on May 27 this year, Ant Group announced the launch of the "Chinese Character Picking Project", and recently ushered in new progress: Alipay launched the "Chinese Character Picking-Uncommon Characters" mini program to collect collections from the society Rare characters supplement the rare character library and provide different input experiences for rare characters to help improve the rare character input method in Alipay. Currently, users can enter the "Uncommon Characters" applet by searching for keywords such as "Chinese character pick-up" and "rare characters". In the mini program, users can submit pictures of rare characters that have not been recognized and entered by the system. After confirmation, Alipay engineers will make additional entries into the font library. This website noticed that users can also experience the latest word-splitting input method in the mini program. This input method is designed for rare words with unclear pronunciation. User dismantling

Can small programs use react? Can small programs use react? Dec 29, 2022 am 11:06 AM

Mini programs can use react. How to use it: 1. Implement a renderer based on "react-reconciler" and generate a DSL; 2. Create a mini program component to parse and render DSL; 3. Install npm and execute the developer Build npm in the tool; 4. Introduce the package into your own page, and then use the API to complete the development.

How uniapp achieves rapid conversion between mini programs and H5 How uniapp achieves rapid conversion between mini programs and H5 Oct 20, 2023 pm 02:12 PM

How uniapp can achieve rapid conversion between mini programs and H5 requires specific code examples. In recent years, with the development of the mobile Internet and the popularity of smartphones, mini programs and H5 have become indispensable application forms. As a cross-platform development framework, uniapp can quickly realize the conversion between small programs and H5 based on a set of codes, greatly improving development efficiency. This article will introduce how uniapp can achieve rapid conversion between mini programs and H5, and give specific code examples. 1. Introduction to uniapp unia

Teach you how to use public account template messages in mini programs (with detailed ideas) Teach you how to use public account template messages in mini programs (with detailed ideas) Nov 04, 2022 pm 04:53 PM

This article brings you some related issues about WeChat mini programs. It mainly introduces how to use official account template messages in mini programs. Let’s take a look at them together. I hope it will be helpful to everyone.

Tutorial on writing a simple chat program in Python Tutorial on writing a simple chat program in Python May 08, 2023 pm 06:37 PM

Implementation idea: Establishing the server side of thread, so as to process the various functions of the chat room. The establishment of the x02 client is much simpler than the server. The function of the client is only to send and receive messages, and to enter specific characters according to specific rules. To achieve the use of different functions, therefore, on the client side, you only need to use two threads, one is dedicated to receiving messages, and the other is dedicated to sending messages. As for why not use one, that is because, only

Geographical positioning and map display using PHP and mini-programs Geographical positioning and map display using PHP and mini-programs Jul 04, 2023 pm 04:01 PM

Geolocation positioning and map display of PHP and mini programs Geolocation positioning and map display have become one of the necessary functions in modern technology. With the popularity of mobile devices, people's demand for positioning and map display is also increasing. During the development process, PHP and applets are two common technology choices. This article will introduce you to the implementation method of geographical location positioning and map display in PHP and mini programs, and attach corresponding code examples. 1. Geolocation in PHP In PHP, we can use third-party geolocation

See all articles