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项目嵌套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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、WebView引用H5应用路径

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

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

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

B、默认项目路径

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

(2)部署H5应用程序

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

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

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

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

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

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

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

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

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

猜你喜欢

本站最新优惠

Namesilo优惠:新用户省 $1 域名注册-优惠码:45D%UYTcxYuCloZ 国外最便宜域名!点击了解更多

特别优惠:免费赠送 $100 Vultr主机-限时优惠!英文站必备海外服务器!点击了解更多

VPS优惠:搬瓦工优惠码:BWH3OGRI2BMW 最高省5.83%打开外面世界的一款主机点击了解更多

本文转载自MetaThinking - 庚庚,原文链接:https://mp.weixin.qq.com/s/nrhw3cMUxT0BGp1i42H4Qw,本文观点不代表江湖人士立场,转载请联系原作者。

(1)
江小编的头像江小编
上一篇 2019-12-18 16:47
下一篇 2019-12-26 13:09

热门推荐

发表回复

登录后才能评论
畅访海外网站,外贸/外企/科技工作者专用工具,无缝体验真实的互联网,解锁LinkedIn访问
$19.95 /年
直达官网