How to use the CDN

The kintone CDN

The kintone developer network provides a number of JavaScript libraries on a CDN such as JQuery and AngularJS.
If you want to run scripts on kintone, you are welcome to use these libraries provided on the CDN to make your customizations more efficient.

Using libraries on the kintone CDN

Libraries can be loaded by specifying the URL of the CDN on the JavaScript and CSS Customization page.
Follow these steps to utilize a library:

  1. Choose the library that you would like to use from the kintone CDN page.
    Also take note of the version you would like to use. In this example, we will use jQuery version 3.0.0


  2. Take note of the URL of the library - jQuery version 3.0.0 will take the form of the following URL:
    https://js.kintone.com/jquery/3.0.0/jquery.min.js

  3. Access the JavaScript and CSS Customization page from the App's settings.


  4. Under "Upload JavaScript for PC", click "Add link", copy & paste the JavaScript library, and click on "Save". This setting will allow the library to load whenever you are viewing this app.

    *if this settings page is grayed out, it means that the Administrator of the kintone domain has restricted JavaScript uploads. Check here for more details https://help.kintone.com/en/k/admin/javascript_fullcustomize.html

  5. Click on "Save", and on "Update App"

  6. You are now free to call a jQuery syntax on your app

Points to check

  • Make sure the URL of the CDN that you want to use exists. You can always access the URL via your browser first to see if there are contents inside.
  • Libraries and scripts are loaded in the order they are listed on the JavaScript and CSS Customization page. If your script is dependent on a library, make sure the library is listed first so it loads before your main script.
  • Contents of the library on the CDN will not change. If the library has an update, we will release it on a new URL. We will not remove any URLs unless we run into security issues.
Was this article helpful?
0 out of 0 found this helpful
Comments
Please sign in to leave a comment.