HTML5ジャンプアプレット wx-open-launch-weapp サンプルコード

 wx.config({
          debug: false, // enable debug mode, the return value of all api calls will be alerted out on the client side, if you want to see the incoming parameters, you can open it on the pc side, the parameter information will be typed out via log, it will only be printed when on the pc side.
          appId: "XXXXXXXXXXXXXX", // required, the unique identity of the public number
          timestamp: this.timestamp, // required, the timestamp of the signature generation
          nonceStr: this.nonceStr, // required, the random string to generate the signature
          signature: this.signautre, // mandatory, signature
          jsApiList: [
            "onMenuShareTimeline",
            "onMenuShareAppMessage",
            "checkJsApi",
            "scanQRCode"
          ], // mandatory, list of JS interfaces to use
          openTagList:['wx-open-launch-weapp']
        });
        wx.ready(function() {
          //All interface calls must be made after the config interface gets its results. config is a client-side asynchronous operation, so if the relevant interface needs to be called when the page is loaded, the relevant interface must be called in the ready function to ensure proper execution. For interfaces that are only called when triggered by the user, they can be called directly and do not need to be placed in the ready function
        });
        wx.error(function(res) {
          console.log('res',res);
          // config information verification failure will execute the error function, such as the signature expired resulting in verification failure, the specific error message can open the debug mode of the config to view, but also in the returned res parameter to view, for SPA can update the signature here.
        });

<div id="wxOpenInAPP" class="wexin-launch-btn">
  </div>

 var dom = document.getElementById('wxOpenInAPP') 
    dom.innerHTML = '<wx-open-launch-weapp id="launch-btn" username="gh_XXXX" path="pages/login/login/main.html "><template><style> .wx-btn { color: #666; width: 100%; height:100%; display: block; text-aligin:center; }</style>& lt;button class="wx-btn">jump-applet</button></template></wx-open-launch-weapp>'
    var launchBtn = document.getElementById('launch-btn')
    if (!launchBtn) {
      return
    }
    launchBtn.addEventListener('launch', function (e) {
      console.log('eee',e);
    })
    launchBtn.addEventListener('error', function (e:any) {
      console.log('fail', e.detail)
    })

<wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxxxxx" path="pages/login/login/main.html" @ error="handleErrorFn" @launch="handleLaunchFn">
        <script type="text/wxtage-template">
            <style>.btn { display: flex;align-items: center; }</style>								
            <div> <button class="wx-btn">Jump to applet</button> </div>			
        </script>
    </wx-open-launch-weapp>

 handleErrorFn(e){
        console.log('fail', e.detail);
    }

    handleLaunchFn(e){
        console.log('success');
    }