https://github.com/anayarojo/ionic-news
Aplicación de noticias hecha con ionic 4
https://github.com/anayarojo/ionic-news
in-app-browser ionic ionic-news social-sharing
Last synced: 7 months ago
JSON representation
Aplicación de noticias hecha con ionic 4
- Host: GitHub
- URL: https://github.com/anayarojo/ionic-news
- Owner: anayarojo
- License: mit
- Created: 2019-05-08T04:55:21.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-05-17T17:20:58.000Z (over 6 years ago)
- Last Synced: 2025-01-27T22:47:21.997Z (9 months ago)
- Topics: in-app-browser, ionic, ionic-news, social-sharing
- Language: TypeScript
- Size: 2.2 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Ionic News
Aplicación de noticias hecha con ionic 4
### Commands
```
ionic start news tabs
ionic g service services/news --skipTests=true
ionic g module components
ionic g component components/news --spec=false
ionic g component components/new --spec=false
ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser
ionic cordova plugin add cordova-plugin-x-socialsharing
npm install @ionic-native/social-sharing
ionic cordova plugin add cordova-sqlite-storage
npm install --save @ionic/storage
ionic g service local-storage
```
### In App Browser
#### Commands
```shell
ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser
```
#### Example
```typescript
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
constructor(private iab: InAppBrowser) { }
...
const browser = this.iab.create('https://ionicframework.com/');
browser.executeScript(...);
browser.insertCSS(...);
browser.on('loadstop').subscribe(event => {
browser.insertCSS({ code: "body{color: red;" });
});
browser.close();
```
#### Documentation:
https://ionicframework.com/docs/native/in-app-browser
### Social Sharing
#### Commands
```shell
ionic cordova plugin add cordova-plugin-x-socialsharing
npm install @ionic-native/social-sharing
```
#### Example
```typescript
import { SocialSharing } from '@ionic-native/social-sharing/ngx';
constructor(private socialSharing: SocialSharing) { }
...
// Check if sharing via email is supported
this.socialSharing.canShareViaEmail().then(() => {
// Sharing via email is possible
}).catch(() => {
// Sharing via email is not possible
});
// Share via email
this.socialSharing.shareViaEmail('Body', 'Subject', ['recipient@example.org']).then(() => {
// Success!
}).catch(() => {
// Error!
});
```
### Documentation:
https://ionicframework.com/docs/native/social-sharing