Integrate DocuSign with cordova ionic application

Many of application required signature on PDF document. DocuSign is one of the great platform to add digital signature on PDF document.

Here, I will show you how you can integrate docuSign platform with your cordova based application. 

 

As you know DocuSign is a very populater electronically signed document sharing platform across the world. Every organizations are using it rapidly. They have several plans for an enterprise applications . But, today, I am gonna tell you about a simple way to integrate DocuSign to your cordova based ionic application. Now I have made the plugin for iOS platform, but you can create it for Android as well. 

For more information about DocuSign, you can visit their website for more details abut plans, free sandbox etc. 

The docusign plugin add, build and impedements which I have faced are well demonstrated in my YouTube video. Please check this out to get more details.

Lets start, to create a cordova based plugin and add it to an ionic application. Before that, hope you have a DocuSign account, if not, please create one from here. You will need it later.

Step 1: Create a cordova plugin, guide lines are written here. (DocuSign Plugin source code path I have mentioned it below)

Step 2: Create a cordova based ionic application.

Step 3: Add the cordova-docusign-plugin to your ionic application.

Step 4: Add iOS platform to your ionic application

Step 5: Run the application in iOS device.  

login screen docusign

all document list docusign

loading docusign documents

show pdf and sign on it docusign

signature added docusign

draw your signature docusign

ionic component to enable the DocuSign plugin - 

window.docuSign.launchDocuSignSDK(`${formValue.email},${formValue.password},sample`, (message) => {

console.log('DocuSign launch Successfully: ', message);

}, (error) => {

console.log('Error on loading plugin: ', error);

});

 

You can find the complete code from this URL - GitHub - cordova-plugin-docusign

 

Happy Coding!

- Lazy Panda Tech