vs2017 js cordova + dotnet core 开发app

VS2017+Cordova+DotnetCore开发APP
本文介绍如何使用VS2017结合Cordova和Dotnet Core进行跨平台移动应用开发。主要内容包括:配置index.html的安全策略以支持外部资源加载;实现控件点击事件并调用后端API;设置Dotnet Core项目允许外部访问;以及在config.xml中配置移动设备WebView浏览网页。这些步骤有助于开发者快速搭建开发环境。
原文: vs2017 js cordova + dotnet core 开发app

1.记得在index.html加入 

  <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;connect-src *;"> 

   <script type="text/javascript" src="scripts/jquery-2.1.4.min.js"></script>

2.控件click事件绑定

  

document.querySelector('#button1').addEventListener('click', function () {

$.get("http://192.168.1.102:5000/api/values", function (result) {
alert(result);
});

});

 

3.dotnet core项目中program.cs设置开启运行外部访问

 添加.UseUrls("http://*:5000")

如下

public static void Main(string[] args)
{
var host = new WebHostBuilder()
.UseKestrel()
.UseUrls("http://*:5000")
.UseContentRoot(Directory.GetCurrentDirectory())
.UseIISIntegration()
.UseStartup<Startup>()
.UseApplicationInsights()
.Build();

host.Run();
}
}

 

4.移动设备webview浏览网页需要在config.xml中添加 <allow-navigation href="*" />

<p>
<a href="http://www.baidu.com">jump web</a>
</p>

 

http://stackoverflow.com/questions/36036475/cordova-6-0-ios-load-external-url-in-the-webview

posted on 2018-05-07 21:15 NET未来之路 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/9005012.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值