Le ASP.NET Web Pages si basano su Razor, lo stesso View Engine utilizzato da ASP.NET MVC. Se conoscete questo View Engine, sapete che fa molto uso di helper, cioè di chiamate a classi che implementano facilmente determinate funzionalità.
Nel caso specifico, vengono offerti una serie di helper in grado di semplificare notevolmente le problematiche legate all'accesso ai social network.
Condivisione sui social network
Ad esempio, per mostrare la classica barra in figura:è sufficiente questo codice:
Condividi su @LinkShare.GetHtml(Page.Title)
Ciascuna delle icone porterà alla condivisione sul relativo social network.
@Twitter.Profile("aspitalia")
o cercare all'interno:
@Twitter.Search("aspitalia")
XBox
Sulla stessa falsa riga, è possibile visualizzare un account di XBox:@GamerCard.GetHtml("n0str0m0")
Fatto questa, diventa possible aggiungere il pulsante Like di Facebook, usando un codice come il seguente:
@Facebook.LikeButton( href: "https://www.aspitalia.com/", action: "like", width: 250, buttonLayout: "button_count", showFaces: true, colorScheme: "dark")
L'effetto è di visualizzare il classico pulsante di Like nella pagina.
Questo helper da' anche l'accesso alle funzionalità avanzate di Facebook, come i commenti.
In questo caso, dopo aver registrato l'applicazione su http://www.facebook.com/developers/createapp.php, bisogna aprire il file _AppStart.cshtml/.vbhtml ed inserire questo codice:
@{ Facebook.Initialize("AppID", "Secret"); }
In questo modo, questo codice sarà lanciato all'avvio. Successivamente, occorre cambiare nel file _SiteLayout.cshtml/.vbhtml la dichiarazione del tag html, per include anche lo schema custom di Facebook:
<html @Facebook.FbmlNamespaces()>
A questo punto, per visualizzare i commenti in una pagina, basterà aggiungere questo codice:
@Facebook.GetInitializationScripts() @Facebook.Comments()
Nel caso vogliate sfruttare il login di Facebook direttamente dal vostro sito, invece, si può inserire questo codice:
@{ Facebook.UserProfile user = null; try { user = Facebook.GetFacebookUserProfile(); } catch { } } @Facebook.GetInitializationScripts() @Facebook.LoginButtonTagOnly( user == null ? "Login" : "Logout", true, onLogin: "document.location.href=document.location.href;") @if (user != null) { <p>Benvenuto @user.First_Name</p> }
L'effetto sarà quello di consentire il login via Facebook e di visualizzare i dati dell'utente (nel caso, il nome). Sono accessibili tutte le classiche proprietà offerte dal profilo Facebook.
Inoltre, tra gli helper c'è la possibilità di associare direttamente l'account utilizzato ad un profilo utente salvato in un database locale, sfruttando il SimpleProfileProvider per Memebership API, di cui è dotato WebMatrix.
Riferimenti utili
Il nostro speciale su ASP.NET Razorhttps://www.aspitalia.com/focuson/1253/Speciale-Razor-View-Engine-WebMatrix-ASP.NET-MVC.aspx
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Miglioramenti agli screen reader e al contrasto in Angular
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Inizializzare i container in Azure Container Apps
Creare alias per tipi generici e tuple in C#
Determinare lo stato di un pod in Kubernetes
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Implementare il throttling in ASP.NET Core
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Miglioramenti nelle performance di Angular 16
Reactive form tipizzati con FormBuilder in Angular
Eseguire una GroupBy per entity in Entity Framework
Eseguire query manipolando liste di tipi semplici con Entity Framework Core