Auto Hosted 方式,自动使用Windows Azure来作为host,这种模式将App 发布到Office 365上的SharePoint Developer Site上。这种方式可以不用花费更大力气在本机安装SharePoint 环境,Office 365开发环境是免费的,可以在本地开发机器上的VS 2012中开发SharePoint 2013 App,然后发布到云端的Office 365 提供的开发环境中。

  使用Office 365,建议使用IE 10 及以上。

  具体的过程如下:

一、注册Office 365 Developer Site 账号

  可以通过这个链接地址打开Office 365 的注册入口,点击注册

  

  完成注册后,可以进入到Office 365的主页面,看到以下页面:

  

  在“管理员”下拉菜单中,切换到SharePoint管理中心,这里可以创建SharePoint 开发人员站点,Office 365在注册成功后,会默认创建了一个。进入到开发人员网站,可以点击内容区的“构建应用”的超链接,下面会通过开发人员网站来构建App。

  

  

二、安装和部署“NaPa” Office 365 开发工具

  “NaPa” Office 365 开发工具是构建于浏览器基础上的,可以不需要安装其他开发工具,快捷地构建您的 SharePoint 或Office web 应用程序,并且可以下载用这个工具创建的Solution,然后使用Visual Studio打开来修改和发布。

  1、在开发人员网站中,点击“构建应用程序”,进入到NaPa 的管理页面,选择SharePoint 选项,点击“Add New Project”。

    在这里已经安装了“NaPa” office 365 Developer Tools,如果之前没有安装的话,则会提醒你安装这个工具,按照提示安装就可以了。也单独下载安装。

  

  2、创建成功后,会在浏览器中打开创建的App 项目,包括创建好的一个模板,里面有CSS、Image、Page、Script等文件,这里只能使用Client Object Model 或Rest API访问SharePoint 的资源,具体的代码可以参见App.js 文件,如下图所示:

  

  3、在打开项目的界面,左边一竖排工具按钮、鼠标放上去会有相应提示,当修改完就可以点击Run Project 运行看到效果了。

  运行过程中,包含三个过程:

  

  运行效果图:

  

 三、在Visual Studio 2012 中操作

  在“NaPa”中创建的App 项目,也可以在Visual Studio 2012 中打开来进行操作。

  1、点击左边工具栏中“Open in Visual Studio”图标 ,会弹出一个Project Launcher的一个可执行文件的对话框,选择Run 来运行。

  

   2、如果没有安装Office Developer Tools for Visual Studio 2012 ,则会弹出这个对话框,提示你安装,否则直接在VS 中打开了。

  

  

   3、在Visual Studio 2012 中打开时,需要输入Office 365 的帐号密码成功打开后,就可以在VS 中编辑了。部署发布时,会发布到Office 365 的开发网站上。

  

 四、部署和发布  

  部署运行,都可以正常进行,发布的时候需要满足它的验证策略,列出了一大堆,有空再研究下。

   Validation policies for the apps submitted to the Office Store

SharePoint 2013 App 开发—Auto Hosted 方式的更多相关文章

  1. SharePoint 2013 APP 开发示例 (六)服务端跨域访问 Web Service (REST API)

    上个示例(SharePoint 2013 APP 开发示例 (五)跨域访问 Web Service (REST API))是基于JavaScript,运行在web browser内去访问REST AP ...

  2. SharePoint 2013 APP 开发示例 (二)获取用户信息

    SharePoint 2013 APP 开发示例 (二)获取用户信息 这个示例里,我们将演示如何获取用户信息: 1. 打开 Visual Studio 2012. 2. 创建一个新的  SharePo ...

  3. SharePoint 2013 APP 开发示例 (五)跨域访问 Web Service (REST API)

          虽然 JQuery 也能通过授权header实现跨域, 但SharePoint 提供了更简单的方法,它被实现在SP.RequestExecutor里 .它能访问跨域的服务包括REST AP ...

  4. SharePoint 2013 APP 开发示例 系列

    SharePoint 2013 APP 安全: SharePoint 2013 APP 开发示例 (一)List 读写 SharePoint 2013 APP 开发示例 (二)获取用户信息 Share ...

  5. SharePoint 2013 APP 开发示例 (四)JQuery访问REST

    这个示例里,我们将用JQuery AJAX去发送一个 REST请求,并查看返回结果.为了让我们更好地理解REST 接口,我们将添加一个输入框让用户可以指定REST的URL, 这将让我们尝试着用构造的U ...

  6. SharePoint 2013 APP 开发示例 (三)使用远程的web资源

    在这个示例里我们将详细介绍 TokenHelper 类, 我们将看到它是怎么简单地从远程web站点访问SharePoint的.我们还将取到它的一些值.这将帮助我们理解连接是怎么被构造的,同时也方便我们 ...

  7. SharePoint 2013 APP 开发示例 (一)List 读写

    在这个示例里,我们将创建一个页面测试 SharePoint APP的权限.这个页面有二个按钮,一个从documents里读数据,一个往documents里写数据: 1. 打开Visual Studio ...

  8. SharePoint 2013 App 开发—SharePoint Hosted方式,

    这篇文章会依据简单的Demo,介绍一下SharePoint Hosted 方式开发App 的步骤和说明. 这种方式的环境相比较Office 365 要麻烦一些,如果不可以连接到Internet 或者还 ...

  9. SharePoint 2013 App 开发—App开发概述

    基于安全性的考虑,SharePoint App 不能像其它两种方式一样,直接使用安全性更高的服务端代码的API.Javascript 扮演极为重要的角色,在SharePoint App中与ShareP ...

随机推荐

  1. HTML与XHTML区别

    1. html超文本标记语言,xhtml可扩展超文本标记语言,xhtml是将html作为xml的应用重新定义的一个标准. 2. xhtm比html的代码规则严格很多,例如'a < b'在xhtm ...

  2. JWT (JSON WEB Token)正确使用场景

    https://www.jianshu.com/p/af8360b83a9f 讲真,别再使用JWT了! ThoughtWorks中国 2017.08.16 08:51* 字数 2882 阅读 7154 ...

  3. js cookie 操作

    <html> <head> <meta charset="utf-8"> <title>Javascript cookie</ ...

  4. python入门:简单模拟登陆时UTF-8转换成GBK编码

    #!/usr/bin/env python # -*- coding:utf-8 -*- """ 给变量x赋值为字符串‘请输入用户名:’ 变量x_unicode的赋值等于 ...

  5. tomcat报错:java.io.IOException: 您的主机中的软件中止了一个已建立的连接。

    tomcat报错: org.apache.catalina.connector.ClientAbortException: java.io.IOException: 您的主机中的软件中止了一个已建立的 ...

  6. 谷歌放弃“不作恶” Alphabet要“遵守法律互相尊重”

    对于一些谷歌粉而言,谷歌那条“不作恶(Don’t be evil)”的行为准则是他们引以为傲的精神信仰.这一准则于1999年被首次确认,谷歌在2004年申请上市时也提到了这一点.不过现在这一点要改变了 ...

  7. poj 1979 走多少个‘ . '问题 dfs算法

    题意:给你一个迷宫地图,让你走.问最多可以走多少个“." 思路:dfs 找到起点,然后对起点进行dfs操作. dfs操作时,要把当前的位置标志成"#"表示已经走过,然后进 ...

  8. NO_PUBKEY

    * 现象:$ sudo apt-get update时警告如下: W: GPG error: http://ppa.launchpad.net precise Release: The followi ...

  9. Educational Codeforces Round 2 Edge coloring of bipartite graph

    题意: 输入一个二分图,用最少的颜色数给它的每条边染色,使得同一个顶点连的边中颜色互不相同. 输出至少需要的颜色数和任意一种染色方案. 分析: 证明不会,只说一下(偷瞄巨巨代码学到的)做法. 假设点的 ...

  10. 程序员必需知道的windows快捷键

    系统操作的快捷键 1.F5------刷新 2.window+E------打开我的电脑 3.window+r------打开运行 4.window+l------快速锁机 5.window+d--- ...