关注本人微信和易信公众号： 微软动态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站点，测试结果。发现确实可以访问到了，解决。
 
 

Dynamics CRM中跨域调用Web API 2的更多相关文章

  1. jQuery跨域调用Web API

    我曾经发表了一篇关于如何开发Web API的博客,链接地址:http://www.cnblogs.com/guwei4037/p/3603818.html.有朋友说开发是会开发了,但不知道怎么调用啊? ...

  2. 创建dynamics CRM client-side (十四) - Web API

    Xrm.WebApi 是我们做前端开发不可不缺少的内容. Xrm.WebApi 分为online和offline online: 可以实现和服务器的CRUD交互 offline: 多用于mobile ...

  3. 解决Dynamics 365使用JS调用Web API时报no property value was found in the payload 错误。

    摘要: 微软动态CRM专家罗勇 ,回复323或者20190421可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me! 碰到如下报错: message: "An er ...

  4. 利用Fiddler模拟通过Dynamics 365的OAuth 2 Client Credentials认证后调用Web API

    微软动态CRM专家罗勇 ,回复337或者20190521可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me. 配置Dynamics 365 & PowerApps 支 ...

  5. Dynamics 365本地部署版本配置OAuth 2 Password Grant以调用Web API

    微软动态CRM专家罗勇 ,回复330或者20190504可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me! 根据官方建议,不要再使用Dynamics 365 Custome ...

  6. Dynamics 365 CE的插件/自定义工作流活动中调用Web API示例代码

    微软动态CRM专家罗勇 ,回复325或者20190428可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me! 现在Web API越来越流行,有时候为了程序更加健壮,需要在插件 ...

  7. 在Angular.js中的H5页面调用Web api时跨域问题处理

    /// <summary> /// 被请求时 /// 在Angular.js中的H5页面调用Web api时跨域问题处理 /// </summary> /// <para ...

  8. WebApi系列~通过HttpClient来调用Web Api接口

    回到目录 HttpClient是一个被封装好的类,主要用于Http的通讯,它在.net,java,oc中都有被实现,当然,我只会.net,所以,只讲.net中的HttpClient去调用Web Api ...

  9. 以短链服务为例，探讨免AppKey、免认证、Ajax跨域调用新浪微博API

    新浪微博的API官方提供了很多种调用方式,支持编程的,归根结底就是两种: 1.基于Oauth协议,使用Open API.(http://open.weibo.com/wiki/%E6%8E%88%E6 ...

随机推荐

  1. 纯干货！耗时1个月整理黑马程序员Java教程+笔记+配套工具

    学习Java是不是很苦?找不到资料?不了解学习步骤?想要全面的线路图! 或者是找资料,前面免费,后面收费?工具软件要收费? 当当当~~今天就没有这个状态发生了!不信就证明给你看 1.学习路线图 2.J ...

  2. css基础--深入理解弹性盒flex布局

    欢迎访问我的个人博客:http://www.xiaolongwu.cn 1. 前言 flex弹性盒,是一种布局方式,当页面需要适应不同的屏幕大小以及设备类型时,它依然能确保元素 拥有更恰当的排布行为, ...

  3. 1.Spring Framework 5.0 入门篇

    1.为什么学习Spring? 随着对Java EE的不断接触和理解,你会发现Spring  在各个企业和项目中发挥着越来越重要的作用.掌握Spring 已成为我们IT行业生存必学的本领之一. Spri ...

  4. 用户体验很好的密码校验js

    <div class="form-group" data-reactid=".0.1.1.0.1.1.3.0.1.1"><label for= ...

  5. redis缓存本地安装教程

    http://www.runoob.com/redis/redis-install.html

  6. 关于bootstrap两个模态框的问题

    今天不知道为什么,其中一个模态框无法正确触发,但是将两个模态框在body里的顺序调一下就都可以正确触发.

  7. java之集合Collection详解之3

    package cn.itcast_03; public class Student { // 成员变量 private String name; private int age; // 构造方法 p ...

  8. css3绘制三角形

    将div的宽和高设置为0:利用border-width.border-style.border-color属性绘制不同位置边框的样式.将不需要展示的三角颜色填充为transparent透明即可,就能得 ...

  9. Python 模块详解及import本质

    同在当前目录下的模块和包导入 模块定义 本质就是.py结尾的python文件. 用来从逻辑上组织python代码(变量,函数,类,逻辑) 文件名: test.py;  对应的模块名 : test 模块 ...

  10. PACKAGE-INFO.JAVA 作用及用法详解

    转自http://strong-life-126-com.iteye.com/blog/806246 及http://blog.sina.com.cn/s/blog_93dc666c0101gzlr. ...