Uniapp 打包 App 跳转小程序教程

使用 Uniapp 内置的跳转小程序 API，具体步骤如下：

在 App.vue 文件中引入 uni.navigateToMiniProgram() 方法，代码如下：

import uni from 'uni-app'

export default {
  methods: {
    goToMiniProgram() {
      uni.navigateToMiniProgram({
        appId: 'wx1234567890',
        path: 'pages/index/index',
        success: function () {
          console.log('跳转成功')
        }
      })
    }
  }
}

在需要跳转小程序的页面中，调用 goToMiniProgram() 方法即可实现跳转，代码如下：

<template>
  <view>
    <button @click="goToMiniProgram">跳转小程序</button>
  </view>
</template>

<script>
import App from '@/App'

export default {
  methods: {
    goToMiniProgram() {
      App.methods.goToMiniProgram()
    }
  }
}
</script>

以上代码中的 appId 为目标小程序的 AppID，path 为小程序的页面路径。跳转成功后，可以在 success 回调函数中进行一些操作，比如打印日志等。