站点图标 江湖人士

5分钟学会Xamarin项目嵌套uni-app – Hybrid APP开发实践篇

uni-app很多开发朋友反应用着还算顺手,并且开发效率很快一套代码可以跑Android、iOS、H5和小程序多端,但是涉及到调用第三方原生SDK就很麻烦,为了解决此问题需将原生和uni-app项目混编,也就是大家常说的Hybrid APP开发。下面就以Xamarin原生项目嵌套uni-app为例做一下简单分享。

Xamarin项目嵌套uni-app – Hybrid APP开发

一、Xamarin项目使用WebView引用H5应用程序的两种方式

(1)直接将H5项目文件放到Xamarin项目中

(2)在Xamarin项目中引用H5应用路径。因为uni-app生成的项目无法直接以文件的形式打开,所以只能通过链接的形式打开。

二、在VS中给Xamarin项目添加开发包和WebView控件

1、在Xamarin项目中引入android开发需要的DLL(Xamarin.Android.Support.v4和ZXingNetMobile)

2、在Xamarin项目中添加WebView控件,到这步WebView控件就搭建完成

3、重写OnCreate方法,通过WebView调用网页地址或者网页文件

三、Xamarin使用WebView调用H5应用程序

1、将H5项目放到Xamarin项目中

(1)将网页直接放到项目的资源文件夹下

(2)在OnCreate方法中引用资源文件地址

引用页面文件的时候,特别注意是有页面默认前缀路径android_asset的。

(3)运行程序,查看引用是否成功

2、WebView引用H5应用路径

(1)uni-app生成H5应用程序

A、HBuilder生成web项目程序,单击发行–网站,

B、默认项目路径

(2)部署H5应用程序

A、将上面生成的H5应用程序部署到IIS中

B、可在浏览器中浏览站点,不过生成的站点无法通过点击文件打开

(3)在OnCreate方法中直接引用网页地址

(4)运行程序,查看引用是否成功

到此,Hybrid APP开发实例就介绍完了,希望大家看完后能有所收获;如果感兴趣的朋友还可以关注跟进后面将要分享的后端开发架构。

本文发布于网文江湖栏目, 网文江湖奇文杂谈,知晓不一样的江湖网文,开阔不一样的思维方式 。

退出移动版