How do I select ip using UIPickerView using Swift? - ios

Question

I own a vpn app. Our app comes predefined with one server, this server is hard coded into the app. It looks like this; let serverAddress = "0.0.0.0" (but with a real server ip).
I have made a picker view using the following:
let IPs = ["GER1", "UK1", "GER2", "UK2"]
I now want to know how to say " GER1=192.168.1.2 UK1=192.168.1.3 GER2=192.168.1.4 UK2=192.168.1.5 "
and then parse it to let serverAddress = "0.0.0.0" replacing 0.0.0.0 with the selected ip.
In summary:
I only have 1 server specified, If I ever wanted to change it I'd change the let serverAddress = "0.0.0.0" but I would like to add more servers as an option. so I somehow need to change 0.0.0.0
I personally think picker view is the best way of doing it. But I am open to ideas.
The source code I am working with is here: https://github.com/lxdcn/NEPacketTunnelVPNDemo

Answer 1

First off, you should change the serverAddress to a var instead of a let.
Then, you should use the delegate function: didSelectRow, to change serverAddress to which server address that was selected.
To achieve this, I recommend using a dictionary to store all of your servers to select from like so:
class YourViewController {
// MARK: - Server Address
var serverAddress = "0.0.0.0"
// MARK: Picker View Resources
let serverPicker = UIPickerView() {
didSet {
serverPicker.delegate = self
serverPicker.dataSource = self
}
}
var serverPickerData:[(key: String, value: String)] = [("base", "0.0.0.0"), ("ger1", "192.68.1.2"), ("uk1", "192.68.1.3"), ("ger2", "192.68.1.4"), ("uk2", "192.68.1.5")]
....
}
extension YourViewController: UIPickerViewDelegate, UIPickerViewDataSource {
// MARK: - UIPicker View Delegate
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return serverPickerData.count
}
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
serverAddress = serverPickerData[row].value
}
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
return "\(serverPickerData[row].key) - \(serverPickerData[row].value)"
}
}
Then whenever you need to add a server to the UIPicker, you can simply push a new dictionary value onto your dictionary