https://github.com/abritopach/ionic-cloudinary-pdf-viewer
Sample project that shows how to build a PDF Viewer with Ionic and Cloudinary.
https://github.com/abritopach/ionic-cloudinary-pdf-viewer
cloudinary cloudinary-api cloudinary-sdk ionic ionic4 typescript
Last synced: 9 months ago
JSON representation
Sample project that shows how to build a PDF Viewer with Ionic and Cloudinary.
- Host: GitHub
- URL: https://github.com/abritopach/ionic-cloudinary-pdf-viewer
- Owner: abritopach
- Created: 2018-11-20T15:53:05.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-28T18:18:44.000Z (over 7 years ago)
- Last Synced: 2025-01-26T05:26:58.476Z (over 1 year ago)
- Topics: cloudinary, cloudinary-api, cloudinary-sdk, ionic, ionic4, typescript
- Language: TypeScript
- Homepage:
- Size: 7.83 MB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IonicCloudinaryPdfViewer
Sample project that shows how to build a PDF Viewer with Ionic and Cloudinary.
This project shows you how to:
* Use Cloudinary SDK for Angular in Ionic 4.
* Get pdfs tagged as pdf.
* Show available pdf's list.
* Select pdf & show pdf pages using ionic slides.
Technologies: Angular, Ionic, Cloudinary, TypeScript.
## App Example
## Configuration
There are 2 settings you need to change for this demo to work.
Edit server/routes/index.js file:
cloudinary.config({
cloud_name: 'CLOUD_NAME', Should be change to the cloud name you received when you registered for a Cloudinary account.
api_key: 'API_KEY', Should be change to the api key you received when you registered for a Cloudinary account.
api_secret: 'API_SECRET' Should be change to the api secret you received when you registered for a Cloudinary account.
});
Edit src/app/config/config.ts file:
cloud_name - Should be change to the cloud name you received when you registered for a Cloudinary account.
upload_preset - You should first "Enable unsigned uploads" in the "Upload Settings" of your Cloudinary console and assign the resulting preset name to that field. Note, you may want to tweak and modify the upload preset's parameters.
Additionally, in your Cloudinary console in the "Security Settings" section you should uncheck the "Resource list" item.
## Running
Before you go through this example, you should have at least a basic understanding of Ionic concepts. You must also already have Ionic installed on your machine.
* Test in localhost:
To run it, cd into `ionic-employees-stitch-mongodb` and run:
```bash
npm install
ionic serve
```
## Requirements
* [Node.js](http://nodejs.org/)
* [Ionic](https://ionicframework.com/getting-started#cli)