page_type | products | languages | extensions | description | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
sample |
|
|
|
GifMe is an Outlook add-in that demonstrates third-party integration (using the Giphy API) with Outlook add-ins. |
GifMe is an Outlook add-in that demonstrates third-party integration (using the Giphy API) with Outlook add-ins, how to insert images and text into Outlook items, how to take advantage of add-in commands for Outlook, and how to get an Office look and feel using Office UI Fabric.
- npm, Node Package Manager, is required to install dev dependencies.
- Bower is required to install front-end dependencies.
- Gulp is used as a task runner, including serving the application on a development server.
- An Office 365 account. If you don't have one, you can join the Office 365 Developer Program and get a free 1 year subscription to Office 365.
- Clone this repository.
- Run
npm install
to install npm and Bower dependencies, as well as jQuery typings. - Run
npm start
to serve the application locally using Gulp. - Go to mail.office365.com and sign in with your Office 365 account.
- Click the gear icon on the upper right, then choose Manage add-ins.
- Click the plus icon, then choose Add from a file.
- Browse to this repository folder and choose manifest.xml.
- Then complete the wizard (Next, Install, OK) to make the add-in available on your Office 365 account.
- Finally, you'll have to open the app in a browser and trust the certificate for
localhost:8443
. The add-in won't run if your computer doesn't trust it.
- After installing the add-in, go to mail.office365.com.
- Click New to open the message composition pane.
- Click Add-ins, directly above the To line, to view all available add-ins.
- Click GifMe to start the add-in.
- After installing the add-in, restart Outlook.
- Click New Email to open a message composition window.
- In the ribbon, click the add-in command button labeled Search all the GIFs to start the add-in.
Note: If you're running the add-in on localhost, you may see a Navigation to the webpage was canceled. message. Click Refresh the page. and then Continue to this website to start the add-in.
- Please log an issue in this repository with any feedback or questions about this sample.
- Please ask questions about Microsoft Graph on Stack Overflow. Don't forget to tag your questions with [office-addins] or [outlook-addin].
- Yeoman generator - Yeoman generator for building Microsoft Office related projects (including add-ins). This project was built using it.
- Office UI Fabric - The front-end framework for building experiences for Office 365. This project uses Fabric to get an Office look and feel.
- dev.office.com - Find documentation, samples, and other helpful information relevant to Office development.
- Define add-in commands in your Outlook add-in manifest - A MSDN article explaining what to include in your app's manifest to take advantage of add-in commands.
Copyright (c) 2015 Microsoft. All rights reserved.
This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.