Comparte texto, archivos, imágenes y enlaces a través de redes sociales, sms y correo electrónico.
1.- El primer paso es hacer la instalación del plugin “social sharing” con los siguientes comandos:
ionic cordova plugin add cordova-plugin-x-socialsharing
npm install @ionic-native/social-sharing@4
2.- Se importa en el módulo principal como provider.
import { SocialSharing } from '@ionic-native/social-sharing';
@NgModule({
declarations: [
MyApp,
HomePage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
SocialSharing,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
3.- Se hace la inyección de dependencias en el constructor de la página donde vamos a trabajar.
import {SocialSharing} from "@ionic-native/social-sharing";
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController,
private socialSharing: SocialSharing) {
}
4.-Después creamos el método que nos permitirá compartir texto, imágenes, archivos y/o enlaces En este caso se compartirá un enlace.
share(){
this.socialSharing.share(message, subject, file, 'https://itelisoft.com');
}
5.-Declaramos un botón y llamamos al método “share()” en el evento (click).
<button ion-button (click)="share()"> Compartir </button>
6.-Al oprimir el botón podemos seleccionar el medio mediante el cual queremos compartir la información.
