Skip to content

Latest commit

 

History

History
125 lines (106 loc) · 3.32 KB

example-content-ngadal.md

File metadata and controls

125 lines (106 loc) · 3.32 KB
Raw

Example - Office Content Add-in in Angular ADAL

This document demonstrates creating a Content Add-in first in an empty project as well as in an existing project using Angular ADAL as the technology.

Empty Project

This example creates an Office Content Add-in as Angular ADAL within an empty project folder.

$ yo office --skip-install

Prompt Responses

  • Project name (the display name): My Office Add-in
  • Root folder of the project: {blank}
  • Office project type: Content Add-in
  • Technology to use: Angular ADAL
  • Application ID as registered in Azure AD: 03ad2348-c459-4573-8f7d-0ca44d822e7c
  • Supported Office Applications: Word, Excel, PowerPoint, Project
.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── index.html
├── jsconfig.json
├── manifest.xml
├── manifest.xsd
├── tsd.json
├── app
│   ├── app.adalconfig.js
│   ├── app.config.js
│   ├── app.module.js
│   ├── app.routes.js
│   ├── home
│   │   ├── home.controller.js
│   │   └── home.html
│   └── services
│       └── data.service.js
├── content
│   └── Office.css
├── images
│   └── close.png
└── scripts
    └── MicrosoftAjax.js

Existing Project

The generator nodehttps is first used to create a folder for a self-hosted HTTPS site on the local development system.

$ yo nodehttps

Prompt Responses:

  • What is the name of this project: Project Name
  • What port will the site run on?: 8443

Results:

.
├── package.json
└── src
    ├── public
    │   ├── content
    │   │   └── site.css
    │   └── index.html
    └── server
        └── server.js

Now run the Office Add-in generator:

$ yo office --skip-install

Prompt Responses:

  • Project name (the display name): My Office Add-in
  • Root folder of the project: src/public
  • Office project type: Content Add-in
  • Technology to use: Angular ADAL
  • Application ID as registered in Azure AD: 03ad2348-c459-4573-8f7d-0ca44d822e7c
  • Supported Office Applications: Word, Excel, PowerPoint, Project

Results:

.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── jsconfig.json
├── manifest.xml
├── manifest.xsd
├── package.json
├── tsd.json
└── src
    ├── public
    │   ├── index.html
    │   ├── app
    │   │   ├── app.adalconfig.js
    │   │   ├── app.config.js    
    │   │   ├── app.module.js
    │   │   ├── app.routes.js
    │   │   ├── home
    │   │   │   ├── home.controller.js
    │   │   │   └── home.html
    │   │   └── services
    │   │       └── data.service.js
    │   ├── content
    │   │   ├── Office.css
    │   │   └── site.css
    │   ├── images
    │   │   └── close.png
    │   └── scripts
    │       └── MicrosoftAjax.js
    └── server
        └── server.js