Microsoft云工程师 - SharePoint,Office 365,Azure,Dotnet,Agenular,JavaScript。
Microsoft云工程师 - SharePoint,Office 365,Azure,Dotnet,Agenular,JavaScript。

棱角

视频–MS图快速启动(Angular CLI)

Microsoft图表的演示“快速入门”,它使用新的App ID(客户端ID)生成完整的代码项目。   Azure Active Directory(AAD)管理应用程序ID的注册与API调用的API权限授权配对配对。  从那里,客户端javascript应用程序可以调用HTTP获取允许的MS图形API端点的JSON数据。   Cheers! 

shades_smile.

视频

截图

图像

图像
图像
图像
图像
图像

参考

视频–尝试使用PNP JS构建角度CLI

最近尝试使用Angular 6和SP-PNP-JS库创建命令行界面(CLI)项目进行数据访问。 跟踪教程@arustacean//medium.com/ng-sp/angular-spa-in-sharepoint-3e7195741460但是使用每个库的最新版本。

GitHub.源代码可用//github.com/spjeff/sp-ng

但是,在Web Pack TypeScript构建过程中接受了奇怪的错误。  附加的视频显示故障排除过程。  Cheers! 

shades_smile.

视频

截屏

错误–环境上下文不允许初始化器。

图像

参考

固定的–未捕获(在承诺)SyntaxError:意外令牌<在json的位置0

使用SP-PNP-JS编码JavaScript时,我遇到了下面的错误,并希望为其他人记录。  Cheers! 

shades_smile.

错误

未捕获(在承诺)SyntaxError:意外令牌<在json的位置0

图像
图像
图像

根本原因

调用HTTP时获取默认标题“接受:application / json”可以将数据返回为XML。  

使用F12开发人员工具查看带有HTTP标头和RAW响应文本的网络流量。

解决方案

修改JS代码以初始化具有不同HTTP标头的AngularJS。

现在SharePoint PNP API调用标题“接受:应用/ JSON; odata = verbose“并将数据作为JSON返回正确解析。

$pnp.setup({
	headers: {
		"Accept": "application/json; odata=verbose"
	}
});
图像

参考

棱角2.–禁用CORS安全性的顺利Chrome调试

最近在调试应用程序时,我需要在DNS域设计休息和JSON API调用。  但是,客户端浏览器Chrome阻止了由于CORS而导致的HTTP事务。   虽然对生产安全至关重要,但这可以是在本地开发人员生产力的障碍。  以下步骤显示如何使用CORS安全暂时禁用Chrome浏览器。  这可以帮助清除复杂性和安全警告以首先关注应用功能。

一旦稳定,我们可以将CORS支持添加到端点API(HTTP标头访问控制 - 允许 - 原点:*) 并调用JS应用程序。

安装步骤

  1. 创建空文件夹C:\ chrome \
  2. 编辑PowerShell配置文件脚本PS1  (记事本$档案)
  3. 添加功能chromecors()
  4. 来自cmd运行“ng服务“打开局部角度托管
  5. 来自cmd运行“复古“与CORS一起推出Chrome禁用
  6. 没有安全警告,请享受调试和功能应用测试
  7. 根据需要将CORS支持添加到ENDPOINT API。  //enable-cors.org/有关配置的良好建议。

代码

# Chrome Disable CORS
function chromecors() {
	TASKKILL /F /IM chrome.exe
	Start-Process -FilePath "c:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -ArgumentList @("--disable-web-security", "--user-data-dir=""C:\Chrome""")
}

截屏

图像
图像
图像
图像
图像
返回顶部▲返回顶部▲