SharePoint Framework 构建你的第一个web部件(三)

博客地址:http://blog.csdn.net/FoxDave

本篇接上一讲,我们一起来看一下如何部署和测试本地开发的web部件。

在SharePoint中预览web部件

SharePoint工作台在SharePoint中被承载,用来在开发环境预览和测试本地web部件。它的主要优势是运行在SharePoint上下文的,你可以跟SharePoint数据进行交互。

还记得之前配置的Office 365开发者租户吗?忘了的话点这里。

首先把workbench.aspx这个文件上传到你的SharePoint开发者网站的文档库,得到一个完整的URL,如https://your-sharepoint-site/Shared%20Documents/workbench.aspx。

注意,这里要确保你的本地调试是可用的,什么意思呢?在第一部分介绍的gulp serve命令要处于执行中,即开启状态,否则本地的那个是不可访问的。并且,要确保https://localhost:4321/temp/manifests.js是可访问的,否则会一直弹出下面加载脚本失败的提示信息。

默认情况下你的浏览器可能是禁止加载本地脚本的,这时工作台会提示你这种情况,示例图如下:

为了执行本地脚本,你需要将浏览器配置为可从未经身份验证的源加载脚本。这是由于以HTTPS方式连接网页但是却以HTTP方式加载脚本。不同的浏览器启用此设置的方式不同,比如在Chrome浏览器中,你可以直接通过点击地址栏右面的图标,选择Load unsafe scripts。IE的话就在工具选项的安全选项卡里面找那个设置。

当你能够加载脚本之后,你就会看到工作台加载了出来。将hello world这个web部件添加到画布,如下图:

你应该会注意到现在SharePoint工作台有了Office 365的套件导航栏,即SharePoint Online网站页面右上角的菜单部分,本地打开的那个工作台文件是没有这个的。

选择画布上的加号图标显示工具箱,工具箱会显示SharePoint工作台被承载的网站上可用的web部件,当然还有我们的HelloWorld的web部件。

从工具箱添加HelloWorldWebPart。这样一来,你的web部件就运行在SharePoint的页面上了!如下图,可以看到自定义的属性已经被添加并显示在了web部件上。

由于你现在仍然在开发和测试你的web部件,目前没有必要打包和部署你的web部件到SharePoint上。

下一步

恭喜你现在运行起来了第一个Hello World的web部件。下一讲咱们将在这个web部件的基础上继续扩展,跟SharePoint进行数据交互。




转载于:https://www.cnblogs.com/justinliu/p/7703774.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/417889.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

execCommand全集

JavaScript中的execCommand介绍 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中:sCommand为指令参数(如…

mysql my.ini位置错误_解决mysql导入数据量很大导致失败及查找my.ini 位置(my.ini)在哪...

数据库数据量很大的数据库导入到本地时,会等很久,然而等很久之后还是显示失败;这是就要看看自己本地的没mysql是否设置了超时等待,如果报相关time_out这些,可以把mysql.ini尾部添加max_allowed_packet、interactive_ti…

poj3186 Treats for the Cows(区间)

题目链接:http://poj.org/problem?id3186 题意:第一个数是N,接下来N个数,每次只能从队列的首或者尾取出元素。 ans每次取出的值*出列的序号。求ans的最大值。 样例 : input:5 1 2 1 5 2 output&#xff1a…

php5.2.5 mysql_IIS6 下安裝 PHP5.2.5 和 MySQL5.0 及概念澄清

假設 PHP 文件夾位於 D:/php_forIIS。1,php.ini 一定要拷貝到 Windows 文件夾下(重要且必須)。而 PHP4.x 版本可以不用這么做。在 Windows2003 Apache2.2 PHP5.x 下,也不用這么做。注意 extension 的加載配置:extension_dir "D:/php_…

OpenCV人脸检测并把图片写成avi视频

读出某一个文件夹下“jpg”后缀的全部图片后,用的OpenCV自带的人脸检测检测图片中的人脸,调整图片的大小写成一个avi视频。 主要是要记录一下CvVideoWriter的用法和如何从文件夹中读取某一后缀的全部文件。 代码: #include "stdafx.h&qu…

TextArea换行 滚动条

换行"\r\n" 滚动条自动滚动到结尾document.form1.text_information.doScroll(down); 滚动条顶部坐标document.form1.text_information.scrollTop; textarea自动滚动到结尾function add_information(info)//添加信息{ document.form1.text_information.valuedocument.…

leetcode83,删除有序链表中的重复元素

Given a sorted linked list, delete all duplicates such that each element appear only once. For example, Given 1->1->2, return 1->2. Given 1->1->2->3->3, return 1->2->3. 难点就一个,就是要考虑到连续3个和3个以上的情况。 …

javascript各种事件

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗…

mysql limit asc_MySql sql优化之order by desc/asc limit M-阿里云开发者社区

Order by desc/asc limit M是我在mysql sql优化中经常遇到的一种场景,其优化原理也非常的简单,就是利用索引的有序性,优化器沿着索引的顺序扫描,在扫描到符合条件的M行数据后,停止扫描;看起来非常的简单&am…

Spring 4 官方文档学习(十)数据访问之JDBC

说明:未修订版,阅读起来极度困难 1、Spring框架JDBC的介绍 Spring JDBC - who does what? 动作Spring你定义连接参数 是打开连接是 指定SQL语句 是声明参数,提供参数值 是准备、执行语句是 迭代结果(如果有)是 操作每…

fopen -- 打开文件或者 URL

fopen (PHP 3, PHP 4, PHP 5) fopen -- 打开文件或者 URL 说明 resource fopen ( string filename, string mode [, bool use_include_path [, resource zcontext]] ) fopen() 将 filename 指定的名字资源绑定到一个流上。如果 filename 是 "scheme://..." 的格式&am…

mysql 性能状态_MySQL获取系统性能和状态_MySQL

bitsCN.comMySQL获取系统性能和状态#!/bin/ksh INTERVAL5 PREFIX$INTERVAL-sec-status touch /tmp/running RUNFILE/tmp/running my -e show global variables >> mysql-variables while test -e $RUNFILE; do file$(date %F_%I) sleep$(date %s.%N | awk "{print $…

洛谷P3392 涂国旗

P3392 涂国旗 107通过507提交题目提供者kkksc03标签难度普及-提交 讨论 题解 最新讨论 直接读字符会waWA?--为什么不对。。。跪求找错快点给钱这不就是荷兰国旗问题吗题目描述 某国法律规定,只要一个由N*M个小方块组成的旗帜符合如下规则,就是合法的…

php小问题

///PHP显示错误;display_errors Offdisplay_errors on ///PHP截取字符串$str1234567890;怎么从左边第二位截取到右边数第二位?取其中间。 $str 1234567890;print substr($str, 1, strlen($str)-2); ///php获取时间date("Y年m月d日"); 2008年4月6日date…

mysql5.7.11 创建用户_修改更新查找MySQL5.7.x的root用户的默认密码

最近新安装了wamp3.0.4里面附带的mysql已经升级到了5.7版本了。MySQL5.7在性能方面有很大的提升。安装成功之后默认root的密码为空能登录。但是正常情况下需要给root重新设置新的密码。对于MySQL5.7版本来说和之前的5.6及以下版本的user表不一样了(user表里面没有了password这个…

协方差

协方差一般用来研究诸多实验中各个变量之间的关系。举个例子来说,有n个实验,每个实验得到两个数据,分别为变量x1和变量x2。设n 7。这七组实验得到的数据分别为: (3,5), (4,5.5),(2,4),(6,7),(8,10),(2,5),(5,7.5) 用MATLAB…

预定义变量$_SERVER

PHP的getenv函数的参数列表$_SERVER["HTTP_X_FORWARDED_FOR"] 以阻止普通的匿名代理 $spager$_SERVER["SERVER_NAME"]; or$spagergetenv(SERVER_NAME); “PHP_SELF”当前正在执行脚本的文件名,与 document root 相关。举例来说…

mysql教程为什么很多都用dos_在dos操作mysql基础教程详解

第一招、mysql服务的启动和停止net stop mysqlnet start mysql第二招、登陆mysql语法如下: mysql -u用户名 -p用户密码键入命令mysql -uroot -p, 回车后提示你输入密码,输入12345,然后回车即可进入到mysql中了,mysql的…

今天刚开通博客,很开心

今天刚开通博客,很开心,我是一名大三的一名学生,机电专业的,下个月都要出去实习,很忐忑,也对外面的世界充满这憧憬.....明天继续,今天太晚了。转载于:https://www.cnblogs.com/namei/p/6002480.…

postgresql查询mysql库_postgresql 查看数据库,表,索引,表空间以及大小

客户要求用pgsql,所在服务器装了一下pgsql,我出了一个pgsql的分类,看这篇文章前,把这个分类下的文章都可以看一下,这是我熟悉pgsql的一套流程。以前搞过一次pgsql,很早了。1,查看数据库playboy> \l //\加…