I'm using this for bundling the application, which I'll describe later in the article. This is, or as they call it, Frictionless browser package management. You'll also note that I have an element called jspm. In fact, this is identical to the quickstart you'll find on angular.io. There are some interesting things to notice in the package.json file. Any time I run into such a project, the best place to start understanding it is package.json. This new-fangled node package manager-based development is here to stay. Next, let's examine how this all works behind the scenes. That was easy, wasn't it? It's easy because there's a lot of sweat that went into setting up this project. And if you wish to ship the application to mac/linux/windows, just run npm run electron:package and it creates executables in a directory called built. The application ID is GUID.Īt this point, you can run npm start and the application should start for development/debugging purposes. Update the line #13 with your tenancy and your application ID.The instructions are exactly the same as in my last issues article. Register this app as a native application in your Office365 tenancy.Next, go into that directory and install all the prerequisites: npm install & jspm install You're going to need GIT, though.įirst, clone the GIT repository by running the command below in a directory of your choice: git clone Setting up the code for this article is quite simple. Everything I describe here is in that repository. : This repository is the code for this article.This is going to be very exciting, stay tuned! For another thing, it makes use of some interesting Typescript concepts that allow me to enhance the same application to work within Cordova for mobile apps, or even target on-premises scenarios or generic auth scenarios without rewriting my applications. For one thing, it's been updated to use AngularJS RC4. However, this code has been significantly updated and refactored since I last wrote it. : This repository is the code for my last issue's article.Think of this as the unofficial ADAL, not written or supported by Microsoft. I can't call my library “ADAL” because I'm not Microsoft and don't wish to pretend to be, but the purpose of my library is quite similar to ADAL. If you remember, ADAL.js was written by Microsoft, it used AngularJS1, and although it got us started, it had some shortcomings. : This repository is a substitution of ADAL.js that I wrote.There are a few repositories I'd like you to get familiar with. Sorry! Take heart all the code is available on github, and I'll be explaining the major portions of the code in this article. There's way too much code in this application for me to write every single line in this article and explain every single line. It's incredibly exciting, isn't it? Let me start by puncturing your excitement a bit. Not only will I write this application, I'll also talk about bundling and minifying your code for distribution purposes, and I'll end this article by copying the application to Windows, Mac and Linux computers to prove that this cross-platform app actually works, without rewrite, on all major platforms. So in this article, I'm going to demonstrate how you can write desktop applications that call the Microsoft Graph, and I'll write this desktop application using Electron. Since I wrote both articles, Angular 2 has moved forward quite a bit. Also, in a previous article, I talked about building cross-platform desktop applications using a platform called Electron. ('', body).In my previous article in CODE-Magazine, I illustrated how you can write a JavaScript single page application (SPA) using Angular 2 that authenticates with AzureAD and successfully calls the Microsoft Graph. so i create post request to create authentication session(login) using code below: I am working on building a cross platform desktop app using angular 4 and electron framework to utilize jira api.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |