在社交媒体上实现共享文件nativescript-angular应用

社交媒体可以巨大的建设你的品牌和促进你的移动应用。它也可以使您的应用程序的用户体验有所不同。允许用户分享文本和媒体在自己的社会媒体配置文件可能是巨大的，不管你如何看待它。在我展示了社交媒体在iOS和Android的nativescript应用共享。而nativescript仍然是一个非常好的选择，我一直对angular研究路线最近，所以我觉得这个话题可以重新审视。

我们将看到如何实现社交媒体与angular建立一个nativescript移动应用程序共享功能。
进入这一点，你可能需要注意的是，一个模拟器不会让你很远，当谈到这个话题。这是因为仿真器一般没有任何份额目标准备。例如，采取下列动画图像：

你会发现，我们可以分享的文字或图像，因为模拟器没有任何社交平台安装。您只能共享设备上可用的内容。

创建一个新的社交媒体分享nativescript项目

我们的项目不会很复杂，但会把工作完成。为了简单起见，我们将开始一个新的项目，使用角和社会媒体共享功能。
从终端（MAC和Linux）或命令提示符（Windows），执行下列：

tns create SocialProject -- ng

cd SocialProject

tns platform add android

tns platform add ios

我们正在创造一个角项目使用打字稿。需要注意的是，如果你不使用MAC Xcode安装重要，你不能建立为iOS平台。
随着项目的创建，需要安装适当的插件。继续执行这个命令：

tns plugin add nativescript-social-share

上面的插件和前面文章中使用的一样。
在这一点上，我们可以开始开发我们的应用程序！

实现应用程序逻辑和页面用户界面

我们的应用程序的开发将分为两部分，TypeScript逻辑层和HTML界面层。从记录的部分，打开项目的app/ app.component.ts文件包括以下代码：

import { Component } from "@angular/core" ;

import * as SocialShare from "nativescript-social-share" ;

import * as ImageSource from "image-source" ;

 

@ Component ( {

     selector : "my-app" ,

     templateUrl : "app.component.html" ,

} )

export class AppComponent {

 

     public shareText ( ) {

         SocialShare . shareText ( "I love NativeScript!" , "How would you like to share this text?" ) ;

     }

 

     public shareImage ( ) {

         ImageSource . fromUrl ( "https://www.nraboy.com/images/nraboy.png" ) . then ( ( image ) = > {

             SocialShare . shareImage ( image ) ;

         } ) ;

     }

 

}

你会注意到在我的appcomponent班我有两个方法，一个分享文字和一个共享的图像。看一看图像共享部分，你可以看到我们正在加载一个图像从一个网址。这不是唯一的方式来实现共享图像。我们还可以分享图片文件使用FromFile代替了fromurl方法。
现在让我们来看看我们非常基本的HTML。打开项目的app/ app.component.html文件，包括HTML标记：

title = "{N} Social Media Sharing" >

verticalAlignment = "center" horizontalAlignment = "center" >

     text = "Share Text" (tap ) = "shareText()" class = "btn btn-primary btn-active" >

     text = "Share Image" (tap ) = "shareImage()" class = "btn btn-primary btn-active" >

在上面的例子中，我们有一个非常基本的动作栏和两个按钮的垂直堆叠布局。当这个按钮被按下，对应的TypeScript方法被称为。
这就是一切！

结论

你只看到了如何实施社交媒体在nativescript iOS和Android应用程序的建立与angular共享功能。这些功能将允许用户共享文本和图像通过任何社会平台，他们已经安装在他们的设备。如果你不感兴趣的angular分享讲解，你可以看看我的文章的其他主题。