Xamarin.Forms - Open Web Links In Browser Using Xamarin.Essentials

Xamarin.Forms

Xamarin.Forms code runs on multiple platforms - each of which has its own filesystem. This means that reading and writing files are most easily done using the native file APIs on each platform. Alternatively, the embedded resources are a simpler solution to distribute data files with an app.
 
Xamarin.Essentials
Xamarin.Essentials 
 
Xamarin.Essentials plugin provides 20+ cross-platform APIs for mobile application development. Xamarin.Essentials API works with all Xamarin.Forms, Xamarin.Android, Xamarin.iOS, or UWP applications that can be accessed from shared code. Xamarin.Essentials overcomes a problem, so that developers can access every native platform API using C#. This plugin provides many APIs so initially, there is no need of more plugins for Xamarin. Xamarin.Essentials plugin impacts your app's minimum size.
 
 
Xamarin.Essentials supports platforms and operating systems,

 Platform Version
 Android 4.4 (API 19) or earlier
 iOS 10.0 or higher
 UWP10.0.16299.0 or earlier 
 
Prerequisites
  • Visual Studio 2017 (Windows or Mac)
Setting up a Xamarin.Forms Project

Start by creating a new Xamarin.Forms project. You’ll learn more by going through the steps yourself.

Choose the Xamarin.Forms App Project type under Cross-platform/App in the New Project dialog.

Setting up a Xamarin.Forms Project 
 
Name your app, select “Use Portable Class Library” for shared code, and target both Android and iOS.

Use Portable Class Library 

You probably want your project and solution to use the same name as your app. Put it in your preferred folder for projects and click Create.

preferred folder for projects 

You now have a basic Xamarin.Forms app. Click the play button to try it out.

basic Xamarin.Forms app 

Setting up the User Interface

Go to MainPage.xaml and write the following code.
 
MainPage.xaml
  1. <?xml version="1.0" encoding="utf-8" ?>  
  2. <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"  
  3.              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"  
  4.              xmlns:local="clr-namespace:XamarinEssentials"  
  5.              x:Class="XamarinEssentials.MainPage">  
  6.   
  7.     <StackLayout>  
  8.         <StackLayout HorizontalOptions="Center" VerticalOptions="Start">  
  9.          <Image Margin="0,50,0,0" x:Name="imgBanner" Source="banner.png" ></Image>  
  10.          <Image Margin="0,0,0,10" x:Name="imgXamarinEssential" Source="xamarinessential.png" ></Image>  
  11.          <Label Margin="0,0,0,10" FontAttributes="Bold" FontSize="Large" TextColor="#CA6F1E" HorizontalTextAlignment="Center" Text="Browser"></Label>  
  12.          <Entry x:Name="txtUrl" Placeholder="Type url here..."> </Entry>  
  13.          <Button x:Name="btnOpenBrowser" Text="Open Browser" Clicked="btnOpenBrowser_Clicked"/>  
  14.         </StackLayout>  
  15.     </StackLayout>  
  16.   
  17. </ContentPage>  
Click the Play button to try it out.
 
Setting up the User Interface 
 
Add Xamarin Essentials
 
In this step, add Xamarin.Essentials to your project. You can install Xamarin.Essentials via NuGet, or you can browse the source code on GitHub.

Go to Solution Explorer and select your solution. Right-click and select "Manage NuGet Packages for Solution". Search "Xamarin.Essentials" and add Package. Remember to install it for each project (PCL, Android, iOS, and UWP).

Add Xamarin Essentials

Xamarin.Essentials requires platform-specific setup

Android

The following steps are necessary for Android.
  1. Xamarin.Essentials supports a minimum Android version of 4.4
  2. Target Android version for compiling must be 8.1, API level 27.
In the Android project's MainActivity, Xamarin.Essentials must be initialized in the OnCreate method.

MainActivity.cs
  1. Xamarin.Essentials.Platform.Init(this, bundle);  
Xamarin.Essentials must receive any OnRequestPermissionsResult. Write the following code for runtime permission.

MainActivity.cs
  1. public override void OnRequestPermissionsResult(int requestCode, string[] permissions, [GeneratedEnum] Android.Content.PM.Permission[] grantResults)  
  2. {  
  3.     Xamarin.Essentials.Platform.OnRequestPermissionsResult(requestCode, permissions, grantResults);  
  4.   
  5.     base.OnRequestPermissionsResult(requestCode, permissions, grantResults);  
  6. }  
iOS

No additional set up required.

UWP

No additional set up required.

In this step, write the following code for open web links using the browser.

MainPage.xaml.cs
  1. using Xamarin.Forms;  
  2. using Xamarin.Essentials;  
  3. namespace XamarinEssentials  
  4. {  
  5.     public partial class MainPage : ContentPage  
  6.     {  
  7.         Uri uri;  
  8.         public MainPage()  
  9.         {  
  10.             InitializeComponent();  
  11.         }  
  12.         protected override void OnAppearing()  
  13.         {  
  14.             base.OnAppearing();  
  15.         }  
  16.   
  17.         void btnOpenBrowser_Clicked(object sender, System.EventArgs e)  
  18.         {  
  19.              uri = new Uri(txtUrl.Text);  
  20.              OpenBrowser(uri);  
  21.         }  
  22.   
  23.         public async void OpenBrowser(Uri uri)  
  24.         {  
  25.             await Browser.OpenAsync(uri, BrowserLaunchType.SystemPreferred);  
  26.         }  
  27.     }  
  28. }  
Click the Play button to try it out.

Xamarin.Essentials Xamarin.Essentials
 
Related Post
I hope you have understood how to open web links using Xamarin.Essentials in Xamarin.Forms.

Thanks for reading. Please share comments and feedback.