uni-app很多开发朋友反应用着还算顺手,并且开发效率很快一套代码可以跑Android、iOS、H5和小程序多端,但是涉及到调用第三方原生SDK就很麻烦,为了解决此问题需将原生和uni-app项目混编,也就是大家常说的Hybrid APP开发。下面就以Xamarin原生项目嵌套uni-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开发实例就介绍完了,希望大家看完后能有所收获;如果感兴趣的朋友还可以关注跟进后面将要分享的后端开发架构。
本文发布于网文江湖栏目, 网文江湖奇文杂谈,知晓不一样的江湖网文,开阔不一样的思维方式 。