Dynamics CRM中跨域调用Web API 2

关注本人微信和易信公众号：微软动态CRM专家罗勇，回复224或者20160611可方便获取本文，同时可以在第一间得到我发布的最新的博文信息，follow me！我的网站是 www.luoyong.me 。

CRM不是信息孤岛，一般需要和其他系统集成，我们有些项目就是自己搭建一个中间层，中间层去调用其他服务，CRM不直接调用其他服务，都是调用中间层的服务。我这里做个Demo，利用Web API 2搭建一个服务，CRM中的Web资源调用这个服务。因为我本人对于Web API不熟悉，以前搭建服务用的是WCF，呵呵。

我还是先按照官方文档打来搭建一个Web API 2的网站，我这里参考的是 Mike Wasson 的文章 Getting Started with ASP.NET Web API 2 (C#) ，放到了我的一个Azure App Service上，可以访问的URL是： https://lyapitest.azurewebsites.net/ ，如下图所示，注意我是使用https 的，方便后面的测试。

然后我在Dynamics CRM中新增了一个HTML 类型的Web资源，代码如下，与前面的代码没有多少变化，只是调用的URL变成了绝对URL：

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Product App</title><meta charset="utf-8" />
</head>
<body><div><h2>All Products</h2><ul id="products" /></div><div><h2>Search by ID</h2><input type="text" id="prodId" size="5" /><input type="button" value="Search" onclick="find();" /><p id="product" /></div><script type="text/javascript" src="../../common/js/jquery.min.js"></script><script>var uri = 'https://lyapitest.azurewebsites.net/api/products';$(document).ready(function () {// Send an AJAX request
      $.getJSON(uri).done(function (data) {// On success, 'data' contains a list of products.
            $.each(data, function (key, item) {// Add a list item for the product.
              $('<li>', { text: formatItem(item) }).appendTo($('#products'));});}).fail(function (jqXHR, textStatus, err) {$('#product').text('Error: ' + err);});});function formatItem(item) {return item.Name + ': $' + item.Price;}function find() {var id = $('#prodId').val();$.getJSON(uri + '/' + id).done(function (data) {$('#product').text(formatItem(data));}).fail(function (jqXHR, textStatus, err) {$('#product').text('Error: ' + err);});}</script>
</body>
</html>

这样在CRM中出现了一个错误，错误信息是：XMLHttpRequest cannot load https://lyapitest.azurewebsites.net/api/products. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://demo.luoyong.me' is therefore not allowed access.

在Chrome浏览器中如下显示：

我根据Mike Wasson 的文章 Enabling Cross-Origin Requests in ASP.NET Web API 2 来解决它，原文是英文的，我摘要主要意思做成简单的操作方法如下：

1. 安装 Microsoft.AspNet.WebApi.Cors 。我这里用命令行来安装，点击工具 > NuGet包管理器 > 程序包管理器控制台。

在这个控制台中输入命令：Install-Package Microsoft.AspNet.WebApi.Cors ，一会儿就提示安装成功：

2. 打开项目App_Start 文件夹下的WebApiConfig.cs ，添加如下一行代码：config.EnableCors(); ，如下图所示：

3.启用跨域访问。可以对于全局、控制器或者操作启用跨域访问，原文有介绍，我这里使用控制器启用跨域访问，打开控制器类文件，添加如下代码，注意那个origins 是要设置你调用的网站URL，我这里是我的CRM访问URL，不要在URL的最后加上 / 这个反斜线。

4.重新发布Web API站点，测试结果。发现确实可以访问到了，解决。

转载于:https://www.cnblogs.com/luoyong0201/p/Dynamics_365_Invoke_Web_API_2_Block_by_CORS_policy.html

Dynamics CRM中跨域调用Web API 2相关推荐

jQuery跨域调用Web API
我曾经发表了一篇关于如何开发Web API的博客,链接地址:http://www.cnblogs.com/guwei4037/p/3603818.html.有朋友说开发是会开发了,但不知道怎么调用啊? ...
利用Fiddler模拟通过Dynamics 365的OAuth 2 Client Credentials认证后调用Web API
微软动态CRM专家罗勇 ,回复337或者20190521可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me. 配置Dynamics 365 & PowerApps 支 ...
Dynamics 365本地部署版本配置OAuth 2 Password Grant以调用Web API
微软动态CRM专家罗勇 ,回复330或者20190504可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me! 根据官方建议,不要再使用Dynamics 365 Custome ...
WebApi系列~通过HttpClient来调用Web Api接口
HttpClient是一个被封装好的类,主要用于Http的通讯,它在.net,java,oc中都有被实现,当然,我只会.net,所以,只讲.net中的HttpClient去调用Web Api的方法,基 ...
以短链服务为例，探讨免AppKey、免认证、Ajax跨域调用新浪微博API
新浪微博的API官方提供了很多种调用方式,支持编程的,归根结底就是两种: 1.基于Oauth协议,使用Open API.(http://open.weibo.com/wiki/%E6%8E%88%E6 ...
python 图表_Python入门学习系列——使用Python调用Web API实现图表统计
使用Python调用Web API实现图表统计 Web API:Web应用编程接口,用于URL请求特定信息的程序交互,请求的数据大多以非常易于处理的格式返回,比如JSON或CSV等. 本文将使用Pyt ...
ASP.NET MVC4中调用WEB API的四个方法
当今的软件开发中,设计软件的服务并将其通过网络对外发布,让各种客户端去使用服务已经是十分普遍的做法.就.NET而言,目前提供了Remoting,WebService和WCF服务,这都能开发出功能十分强 ...
java 调用webapi json_java通过url调用web api并接收其返回的json
java通过url调用webapi并接收其返回的json数据,但现在结果总是:{"result":4,"data":{}}(未认证:),帮助文档如下:API使用 ...
【ASP.NET Web API教程】3.3 通过WPF应用程序调用Web API(C#)
注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本博客文章,请先看前面的内容. 3.3 Calling a Web API From a WPF Application ...

Dynamics CRM中跨域调用Web API 2

Dynamics CRM中跨域调用Web API 2相关推荐

最新文章

热门文章