更新记录

1.0.0（2026-08-04）

提交插件

平台兼容性

uni-app(5.0)

uni-app x(5.0)

hjy-univpn

插件说明

        UniVPN Client是一款用于VPN远程接入的终端软件，主要为移动办公用户远程访问企业内网资源提供安全、便捷的接入服务。本插件支持 uni-app 和 uni-app x 项目，uni-app x 的uts语法上有细微的区别。请先下载示例(uni-app)项目进行学习、试用，使用 HBuilderX 导入示例项目后，点击插件页面“试用”按钮引入插件,打包并运行自定义基座到真机调试。

插件示例使用

1、通过插件市场“使用 HBuilderX 导入示例项目”下载插件示例项目(uniapp-vue2)

2、通过插件市场“试用”导入插件到示例项目中

3、打包并运行自定义基座（真机调试）

4、uni-app x (vue3)示例项目请联系作者提供

演示界面

<template>
    <view style="padding: 5px 10px;">
        <view class="uni-padding-wrap uni-common-mt">
            <view class="uni-form-item uni-column">
                <view class="row-item"><text class="title">账 号:</text>
                    <uni-easyinput v-model="mUserName" placeholder="请输入账号" />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="row-item"><text class="title">密 码:</text>
                    <uni-easyinput type="password" v-model="mUserPassword" placeholder="请输入密码" />
                </view>
            </view>
            <view class="uni-btn-v">
                <button style="margin: 20rpx 0;" type="default" @click="loginVPN()" plain="true">登陆</button>
            </view>
            <view class="uni-form-item uni-column">
                <view class="row-item"><text class="title">服务器IP:</text>
                    <uni-easyinput v-model="mVpnAddress" placeholder="请输入服务器IP" />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="row-item"><text class="title">端口:</text>
                    <uni-easyinput type="digit" v-model="mVpnPort" placeholder="请输入服务器端口" />
                </view>
            </view>

            <view class="uni-btn-v">
                <button style="margin: 20rpx 0;" type="default" @click="connectVpn()" plain="true">开始连接</button>
                <button style="margin: 20rpx 0;" type="default" @click="disConnect()" plain="true">断开连接</button>
                <button style="margin: 20rpx 0;" type="default" @click="connectStatus()" plain="true">连接状态</button>
            </view>
        </view>
    </view>
</template>

获取插件对象

import * as univpn from "@/uni_modules/hjy-univpn";

初始化

initvpn() {
    let res = univpn.initVpn();
    if (!res) {
        uni.showModal({
            title: '提示',
            content: 'VPN实例初始化失败！',
            showCancel: false
        });
    }
}

登陆VPN

loginVPN() {
    univpn.startLogin(this.mUserName, this.mUserPassword, result => {
        if (result.message) {
            uni.showModal({
                title: '提示',
                content: result.message,
                showCancel: false
            });
        }
        console.log(result)
    })
}

开始连接

connectVpn() {
    univpn.startConnect(this.mVpnAddress, this.mVpnPort, result => {
        uni.showModal({
            title: '提示',
            content: result.message,
            showCancel: false
        });
        console.log(result)
    })
},

断开连接

disConnect() {
    let res= univpn.logout()
    console.log('断开连接',res)
}

连接状态

connectStatus() {
    let res = univpn.getConnectStatus();
    console.log('VPN状态：',res);
}