react-native-simple-openvpn icon indicating copy to clipboard operation
react-native-simple-openvpn copied to clipboard

Prepare VPN failed

Open omarsaade opened this issue 1 year ago • 1 comments

This is my code :


import React, {useEffect, useState} from 'react';
import {Platform, View, Text, Button} from 'react-native';
import RNSimpleOpenvpn, {
  addVpnStateListener,
  removeVpnStateListener,
} from 'react-native-simple-openvpn';

const isIPhone = Platform.OS === 'ios';

const App = () => {
  const [vpnStatus, setVpnStatus] = useState('Disconnected');

  useEffect(() => {
    async function observeVpn() {
      if (isIPhone) {
        await RNSimpleOpenvpn.observeState();
      }

      addVpnStateListener(e => {
        // Update VPN status
        setVpnStatus(e.state);
      });
    }

    observeVpn();

    return async () => {
      if (isIPhone) {
        await RNSimpleOpenvpn.stopObserveState();
      }

      removeVpnStateListener();
    };
  }, []);

  async function startOvpn() {
    try {
      await RNSimpleOpenvpn.connect({
        remoteAddress: '192.168.1.1 3000',
        ovpnFileName: 'client',
        assetsPath: 'ovpn/',
        providerBundleIdentifier: 'com.example.RNSimpleOvpnTest.NEOpenVPN',
        localizedDescription: 'RNSimpleOvpn',
      });
    } catch (error) {
      console.error('Error connecting to VPN:', error);
    }
  }

  async function stopOvpn() {
    try {
      await RNSimpleOpenvpn.disconnect();
    } catch (error) {
      console.error('Error disconnecting from VPN:', error);
    }
  }

  return (
    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
      <Text>VPN Status: {vpnStatus}</Text>
      <Button title="Connect" onPress={startOvpn} />
      <Button title="Disconnect" onPress={stopOvpn} />
    </View>
  );
};
export default App;

And this is the error it returns. Note that I'm not an expert in VPN or these services. Can someone help me understand how to continue and how to solve this error "Error connecting to VPN: [Error: Prepare VPN failed]"? What am I missing?

Environment:

  • OS:
  • OS version:
  • react-native version:
  • react-native-simple-openvpn version:

omarsaade avatar Apr 18 '24 07:04 omarsaade

Please fill in the Environment information and upload the screenshot of the error.

ccnnde avatar Apr 20 '24 02:04 ccnnde