wx-custom-plugin/src/plugin/components/custom/index.tsx

import Taro, { useLoad, useReady } from '@tarojs/taro'
import { View, Video, Navigator, Button, FunctionalPageNavigator } from '@tarojs/components'
import React from 'react'
import './index.less'

const Custom: React.FC = () => {
  function clickCustom() {

  }

  useReady(async () => {
    // Taro.getSetting({
    //   success(res) {
    //     console.log('getSetting', res)
    //   }
    // })

    // Taro.getUserInfo({
    //   withCredentials: true,
    //   success(res) {
    //     console.log('success', res)
    //   },
    //   fail(res) {
    //     console.log('fail', res)
    //   }
    // })

    const systemInfo = await Taro.getNetworkType()
    console.log(systemInfo)

    // Taro.login({
    //   success(res) {
    //     console.log('success', res)
    //   },
    //   fail(res) {
    //     console.log('fail', res)
    //   }
    // })
  })

  function clickPayment() {
    console.log('支付')
    wx.requestPluginPayment({
      version: 'develop',
      fee: 1,
      success(res) {
        console.log('success', res)
      },
      fail(res) {
        console.log('fail', res)
      }
    })
  }

  function loginSuccess(res) {
    console.log(res)
  }

  function loginFail(res) {
    console.log(res)
  }

  return (
    <View onClick={clickCustom}>
      <Navigator url='plugin-private://wx58cb402db1e94bb7/pages/h5/index'>
        <Button>H5</Button>
      </Navigator>

      <Navigator url='plugin-private://wx58cb402db1e94bb7/pages/miniWeb/index'>
        <Button>半屏</Button>
      </Navigator>

      <Navigator url='plugin-private://wx58cb402db1e94bb7/pages/webview/index'>
        <Button>全屏</Button>
      </Navigator>

      {/* <Navigator url='plugin-private://wx58cb402db1e94bb7/pages/webview/index'>
        <Video autoplay controls={false} loop src='https://xycdn.yishihui.com/ad/prod/video/material_AD_1700025739_1700025739924.mp4' />
      </Navigator> */}
      <Button onClick={clickPayment}>支付</Button>
      {/* <FunctionalPageNavigator
        name="loginAndGetUserInfo"
        version="develop"
        onSuccess={loginSuccess}
        onFail={loginFail}
      >
        <Button className="login">登录到插件</Button>
      </FunctionalPageNavigator> */}
    </View>
  )
}

export default Custom