Azure-MSAL: Implement loginRedirect In Angular+Call CRM Action

In this blog post, we learn how to display CRM data into SPA (Vue.js). For that purpose, we are using @azure/msal-browser and calling the loginPopup method whereby as you can see in the demonstration section, it will pop up a form to do the login process. Today, we will learn how to use the loginRedirect method and handle it in Angular. … Continue reading Azure-MSAL: Implement loginRedirect In Angular+Call CRM Action

Exploration: Showing Dynamics CRM Data In Vue.JS (SPA)

Today, I learned how to use MSAL.js 2.0 to do authentication (login) and authorization (checking if the person can access the target resource) to display Dynamics CRM Accounts data in Vue.js. The idea is we want to create a SPA (Single Page Application) that using Vue.js. The user must be login first and then can fetch the Accounts … Continue reading Exploration: Showing Dynamics CRM Data In Vue.JS (SPA)

Dynamics CRM Model-Driven Apps: Implement Niam.Xrm.Client and Niam.Xrm.Client.Test

Now we go to the last part of the tutorial for Front-end Customization. We will implement Niam.Xrm.Client and Niam.Xrm.Client.Tests on the project we set up earlier. Niam.Xrm.Client is a framework wrapper for Xrm object that focuses on make customization easier, while Niam.Xrm.Client.Tests will mainly focus on Xrm.webApi mock objects and testing related helpers. Both packages are in beta versions but … Continue reading Dynamics CRM Model-Driven Apps: Implement Niam.Xrm.Client and Niam.Xrm.Client.Test

Dynamics CRM Model-Driven Apps: Setup Testing Environment with chai, Mocha, xrm-mock, and SinonJS

As Developer, we suppose adapt ourselves to a better working framework or mindset. Following Test-Driven Development (TDD) mindset, for example, enable us to work more effectively in the long run, compare to not using it. Hence making unit tests is has become a crucial part (at least for me), and this post will explain how … Continue reading Dynamics CRM Model-Driven Apps: Setup Testing Environment with chai, Mocha, xrm-mock, and SinonJS

Dynamics CRM Model-Driven Apps: Developing Frontend Code with Typescript, @types/xrm and webpack

First question: Why TypeScript? We know what is JavaScript programming does. Programming language that sometimes leads us to confusion because its too dynamics. While TypeScript as JavaScript superset trying to fix the whole weakness that it can lead us into. TypeScript offers more strict language (data type) and supports IntelliSense which is easier for a … Continue reading Dynamics CRM Model-Driven Apps: Developing Frontend Code with Typescript, @types/xrm and webpack

Creating Better PCF Component – Part 3

With all the things settled, now we can continue our journey to make our PCF-Component better. The last commit that we submitted, there are few things that we can enhance: When you choose an image file, then click the Submit button. We can reset the input file.Hide the image-element if no image has been upload.Add … Continue reading Creating Better PCF Component – Part 3

Creating Better PCF Component – Part 2

When I was writing this post, I felt the environment that I set up did not enhance my ability to write code. The reason for this is because I use jsdom, which is a mock object for the HTML component. Because it is not a real object of HTML, my focus has been changed to the test … Continue reading Creating Better PCF Component – Part 2

Creating Better PCF Component – Part 1

This article will give you a deep explanation (step by step) to make a better quality PCF Component. We can make the PCF component better quality because we design the component to be testable as much as we can (It depends on your knowledge. The more knowledge you have, the more sophisticated the result). To … Continue reading Creating Better PCF Component – Part 1

PCF: FileUpload to Base64String

PowerApps Control Framework (PCF) is a framework that helps programmers to make custom control and use it in a Dynamics CRM environment. Even though the framework still in the preview stage and might be changed in the future, I couldn't help myself to try this. The control that I made is a control that got an input file … Continue reading PCF: FileUpload to Base64String