The Microsoft Graph JavaScript client library is a lightweight wrapper around the Microsoft Graph API that can be used server-side and in the browser. See the samples folder for code examples. You can also use our TypeScript graph types with this library. We love your feedback! You can file an issue in this repository or write on our UserVoice page.
Looking for IntelliSense on models (Users, Groups, etc.)? Check out the Microsoft Graph Types repository!
-
Install Node.js and npm.
-
npm install @microsoft/microsoft-graph-client -
Include the library in your JavaScript file with
const MicrosoftGraph = require("@microsoft/microsoft-graph-client");
Include lib/graph-js-sdk-web.js in your page.
<script type="text/javascript" src="graph-js-sdk-web.js"></script>This client library only handles authentication in the most basic way possible. The application is responsible for refreshing tokens and returning an immediately valid access token in the authentication provider.
var client = MicrosoftGraph.Client.init({
authProvider: (done) => {
done(null, "PassInAccessTokenHere"); //first parameter takes an error if you can't get an access token
}
});All calls to Microsoft Graph are chained together starting with client.api(path). Path supports the following formats:
- me
- /me
- https://graph.microsoft.com/v1.0/me
- https://graph.microsoft.com/beta/me
- me/events?$filter=startswith(subject, 'ship')
// Example calling /me with no parameters
client
.api('/me')
.get((err, res) => {
console.log(res); // prints info about authenticated user
});Calls should start with .api(), then chain query parameters and end with an action.
// get the names of my top 5 contacts on the beta endpoint
client
.api('me/people')
.version("beta") //optional, but recommeded to have before query params
.top(5)
.select("displayName")
.get((err, res) => {
const topContacts = res.value.map((u) => {return u.displayName});
console.log("Your top contacts are", topContacts.join(", "));
});The actions(.get(), .put(), etc.) accept a callback or don't pass in a function to get back a Promise.
client
.api('/me')
.select("displayName")
.get()
.then((res) => {
console.log(res);
}).catch((err) => {
console.log(err);
});The first parameter of .post() and .patch() takes an object that will be sent as the content of the request.
// construct the email object
const mail = {
subject: "Microsoft Graph JavaScript Sample",
toRecipients: [{
emailAddress: {
address: "[email protected]"
}
}],
body: {
content: "<h1>MicrosoftGraph JavaScript Sample</h1>Check out https://github.com/microsoftgraph/msgraph-sdk-javascript",
contentType: "html"
}
}
client
.api('/users/me/sendMail')
.post({message: mail}, (err, res) => {
console.log(res)
})// delete a OneDrive item
client
.api(`/me/drive/items/${ONE_DRIVE_FILE_ID_TO_DELETE}`)
.delete((err, res) => {
if (err) {
console.log(err)
return;
}
console.log(res)
})You can upload files to the graph using .put(). For example, this can be used to update a profile picture from an HTML input form. See the browser sample for complete code.
var file = document.querySelector('input[type=file]').files[0];
client
.api('/me/photo/$value')
.put(file, (err, res) => {
if (err) {
console.log(err);
return;
}
console.log("We've updated your picture!");
});Use .putStream() to upload files to Microsoft Graph with Node.js streams.
// Upload a file to OneDrive
let fs = require('fs'); // requires filesystem module
let stream = fs.createReadStream('./logo.png'); //path to local file
client
.api('/me/drive/root/children/logo.png/content') // path to the destination in OneDrive
.put(stream, (err) => {
console.log(err);
});Use .getStream() to stream a download from Microsoft Graph.
const fs = require('fs'); // requires filesystem module
client
.api('/me/drive/root/children/Book.xlsx/content') // path of source file in OneDrive
.getStream((err, downloadStream) => {
let writeStream = fs.createWriteStream('Book.xlsx'); // path to save file to
downloadStream.pipe(writeStream).on('error', console.log);
});These methods can take a string property, an array of strings or you can pass in each value as a separate argument.
.select("birthday")
.select("department")
// same as
.select("birthday", "department")
// same as
.select(["birthday", "department"])client
.api('/me/people')
.select(["displayName", "department", "title"])
.get((err, res) => {
console.log(res)
})These parameters only take a number. Calling them multiple times is not supported.
.top(5)
.skip(10)Set .count() to true to also return the number of objects in the collection.
.count(true)Pass a filter string to .filter() for filtering result collections. Calling filter multiple times will override previous filter strings.
client
.api("/users")
.filter("startswith(displayName, 'david')")
.get((err, res) => {
console.log(res)
})Passing in a version through .version() has the highest priority. It overrides the Microsoft Graph client default version from .init() and the global library default (currently v1.0).
You can pass in any URL query parameters as a dictionary or string.
.query({"$select":"displayName"})
// same as
.query("$select=displayName")
// same as
.select("displayName")You can pass in additional request headers, either individually or in a dictionary.
.header("someHeaderName", "someHeaderValue")
// or
.headers({"someHeaderName":"someHeaderValue"})To set a custom response type, use the .responseType(string) method. To see an example, check the browser sample that downloads an image and displays it in an <img> element.
You can run and debug the node samples found under ./samples/node/node-sample.js by running the Run node samples configuration from the Debug (Ctrl + Shift + D) menu in Visual Studio Code. Alternately, you can run the node samples from the CLI by entering node ./samples/node/node-sample.js (assuming you are at the root of this repo). You'll need to rename the secrets.example.json file to secrets.json and add a valid access token to it. You can get an access token by doing the following:
- Go to Graph Explorer.
- Login with the account you want to use to run the node samples.
- Open the F12 dev tools.
- Type
tokenPlease()into the console to get an access token. - Copy the access token and put it into the secrets.json file and save the file.
We suggest that you become acquainted with these samples as they show some of the main use scenarios for this client library.
The following are optional parameters to pass to MicrosoftGraph.Client.init(), except for the authProvider:
- defaultVersion - When .version() isn't called, this version is used. (defaults to v1.0)
- debugLogging - Set to true to see the URL of the request printed.
- authProvider - See the usage section for info.
- baseUrl - If you need to call a different URL instead of graph.microsoft.io, specify it as a string here.
The full response containing the headers, status code, and body can be obtained by passing a third parameter to the callback.
client
.api('/me')
.select("displayName")
.get((err, res, rawResponse) => {
console.log(rawResponse.statusCode);
console.log(rawResponse.header);
});var date = new Date();
date.setDate(date.getDate()-365); // ~ 1 year ago
client
.api('/me')
.body({"birthday": date})
.update((err, res) => {
console.log("Updated my birthday")
})These steps are not required to use this library.
npm install installs development dependencies (TypeScript, Mocha, etc.).
Note: If you want to run
tscfrom the command line, install TypeScript globally withnpm install -g typescriptor reference./node_modules/.bin/tsc
npm run build generates lib/ files for node and browser versions.
npm pack bundles the npm module.
npm test runs tests of the core library (URL parsing, mock responses, etc). You can also set breakpoints and run this from within Visual Studio Code by selecting the Run core test configuration from the Debug view.
npm run test:types to run tests against the Graph API for users, groups, Excel, OneNote, etc.
To build only browser version:
node node-browserify.js > lib/graph-js-sdk-web.js
We'd love to get your feedback about the Microsoft Graph JavaScript client library. You can send your questions and suggestions to us in the Issues section of this repository.
Please see the contributing guidelines.
- Added tests for new Graph functionality - Delta query, Extensibility, OneNote, and more.
- Add support for ES5. Make sure to use
graph-js-sdk-web.jsfor web apps - Removed iterator helper method.
- Support for Node.js versions 4 and 5
- Migrated away from typings in client library core and TypeScript sample
- Updated SuperAgent to version
3.3.0
- Breaking change for existing apps - Initialize the client library with
MicrosoftGraph.Client.init({...}). See the updated usage section below for code samples. - Added response handling tests to simulate Graph calls
- Added type declarations file for core client library, which adds intellisense for chained methods.
- Microsoft Graph website
- Microsoft Graph TypeScript types
- Angular.js sample using the JavaScript client library
- Node.js sample using the JavaScript client library
- Office Dev Center
Copyright (c) Microsoft Corporation. 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 [email protected] with any additional questions or comments.
See Third Party Notices for information on the packages that are included in the package.json