Web app dans tvOS

Apple a sorti ses Kit de développement pour l'apple tv hier.

La plupart des applications pour les Téléviseurs sont basé sur le web (html, javascript et css) et je voudrais au port d'une télévision existantes web app pour la tvOS.

Le SDK dans Xcode ne montre pas de Webview mise en œuvre comme dans iOS pour créer des applications de base en html, javascript et css, cependant, d'après les docs, il est possible d'utiliser javascript à l'aide de tvjs cadre, mais au lieu de html, apple a son propre langage de balisage pour les Téléviseurs appelé TVML.

Ma question est: Est-il possible au port d'une application web existante pour tvOS (comment?), ou est-il besoin d'être réimplémentée à partir de zéro?

Merci pour votre aide.

InformationsquelleAutor Marcio Oliveira | 2015-09-10

38

EDIT: Avant que les gens garde downvoting, je vais faire clair que la UIWebView est présent sur l'apple TV, mais c'est INTERDIT pour l'utiliser, donc, le seul véritable moyen de chargement des applications web sur une apple TV est de les créer avec TVML et TVJS

Si vous souhaitez utiliser une UIWebView (preuve de concept), vous pouvez le faire:

Objective-c
```
Class webviewClass = NSClassFromString(@"UIWebView");
id webview = [[webviewClass alloc] initWithFrame:self.view.frame];
NSURL * url = [NSURL URLWithString:@"https://www.google.com"];
NSURLRequest * request = [NSURLRequest requestWithURL:url];
[webview loadRequest:request];
[self.view addSubview:webview];
```
swift
```
let webViewClass : AnyObject.Type = NSClassFromString("UIWebView")!
let webViewObject : NSObject.Type = webViewClass as! NSObject.Type
let webview: AnyObject = webViewObject.init()
let url = NSURL(string: "https://www.google.com")
let request = NSURLRequest(URL: url!)
webview.loadRequest(request)
let uiview = webview as! UIView
uiview.frame = CGRectMake(0, 0, view.frame.width, view.frame.height)
view.addSubview(uiview)
```
MAGIQUE!!! Le UIWebView est là! ~~Mais vous ne pouvez pas iteract avec elle, juste afficher des pages web ou du contenu web.~~

Mise à JOUR! J'ai trouvé qu'il y a beaucoup de tvOS navigateurs sur github basé sur https://github.com/steventroughtonsmith/tvOSBrowser, mais la plupart d'entre eux a besoin de quelques ajustements Disponibilité.h sur Xcode app. J'ai trouvé une fourche qui utilise mon approche, de sorte qu'il n'a pas besoin de quelques ajustements Disponibilité.h https://github.com/FabioSpacagna/tvOSBrowser
Ils ajouter un support de base pour la navigation, à l'instar de défilement et de curseur

Je ne pense pas que apple va approuver les applications à l'aide de UIWebView comme il est marqué comme étant interdite, vous aurez à apprendre TVML et TVJS à la place.
- Juste la télécommande n'est pas préparé pour elle, il n'y a aucun moyen de naviguer à travers le contenu avec le passage des doigts sur la télécommande, mais j'imagine que ça va être une question de l'ajout de geste recognisers et de forcer les événements sur le javascript, merci 🙂
- Oui, il faut beaucoup de travail pour le rendre utilisable les gestes, les actions, les délégués, ne sais pas si cela en vaut la peine si apple va probablement rejeter les applications en utilisant UIWebView
- Code comme celui-ci aura plus de chance d'obtenir votre application rejeté.
- Ouais, j'ai déjà dit que, la webview est là, mais juste pour rendre les TVML, html des sites web ne sont pas utilisable et sera rejeté
- en Swift , je ne peux pas initWithFrame webviewClass. S'il vous plaît aider moi une idée
- Désolé, je ne sais pas comment le faire avec swift, mais de toute façon, ne perdez pas votre temps avec cela, apple n'approuve pas votre application si vous faites cela, la réponse officielle est ici d'utiliser TVML et TVJS
- Eh bien, vous n'avez pas toujours besoin de développer pour l'app store, il se peut qu'une application interne à l'entreprise comme @Justin Domnitz mentionné avec la rapidité de son exemple.
- regardez Justin code swift.
- ajouté swift code basé sur Justin réponse. De toute façon, avec ce que vous charger le site web, mais il n'est pas encore utilisable, vous ne pouvez pas tapez ou cliquez sur les éléments du site web
- Salut @jcesarmobile je suis très mal dans le domaine de l'Interdit (Api sont-ils les mêmes que Privé Api?) J'ai regardé le github repos et (un peu) comprendre les modifications de la Disponibilité.h pour accéder à la UIWebView composant. Je n'ai pas suivi ce que "votre approche" est et comment il fonctionne, pouvez-vous développer? Aussi, ce que les gens pense que les chances de cette solution de contournement seront supprimés dans les futures TvOS versions? (Je n'ai pas l'intention de libérer de toutes les applications je fais) enfin, si c'est interdit, pourquoi ne nouvelle version d'Apple dans le SDK?
- Privé et les Interdits ne sont pas la même chose, mais Apple va rejeter les applications qui les utilisent. Privé Api peut être utilisé sans modification de la Disponibilité.h. Interdit Api Api sont disponibles pour certains OS, mais pour le mal de raison, Apple décide de bloquer l'utilisation sur d'autres OS, dans ce cas UIWebView est disponible sur iOS, mais interdit sur tvOS. Ils ne peuvent pas le supprimer à partir du SDK parce que c'est la même chose pour iOS et tvOS, donc si ils enlèvent il ne sera pas disponible pour iOS, donc ils ont juste l'interdire sur tvOS.
- merci s'accoupler! Apprécier la réponse! Pourriez-vous élaborer un peu plus sur les différentes approches de la gestion de ce problème?
- Comme vous ne pouvez pas utiliser la UIWebView classe sur tvOS apps parce que c'est interdit, mon approche est d'amener la classe à partir de la chaîne avec la Classe webviewClass = NSClassFromString(@"UIWebView");, mais il y a quelques thngs que vous ne pouvez pas utiliser à la suite de cette démarche, en tant que délégués. Dans ce cas, vous pouvez modifier la Disponibilité.h os Xcode permet d'utiliser UIWebView même sur tvOS apps
- Nice! Merci beaucoup! Hack sympa! Espérons que les travaux de contournement de ce genre de rester autour pendant un certain temps
- Votre code fonctionne très bien mais la webview est sur centre donc son coupé et pas correctement tendu. Im en utilisant l'AppleTV émulateur. Des idées?
- Une idée de comment je pourrais être en mesure d'ajouter un UIWebViewConfiguration avec cette méthode? Merci!
- Plus précisément, je suis à la recherche pour définir mediaPlaybackRequiresUserAction = false
InformationsquelleAutor jcesarmobile
11

Selon la API de diff, UIWebView, etc ne font pas partie de tvOS. Donc vous devrez mettre l'application à l'aide TVML (TV Markup Language) à l'aide d'Apple modèles. Ou vous pouvez ré-implémenter à l'aide de UIKit.

InformationsquelleAutor Jess Bowers
4

UIWebView fait partie de la tvOS, bien que la documentation est un peu limitée dès maintenant (voir ici). Vous pouvez également trouver l' .h fichier ici: /Applications/Xcode-beta.app/Contents/Developer/Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS.sdk/System/Library/Frameworks/UIKit.framework/Headers/UIWebView.h

Cadre WebKit ne semble pas être inclus.

Mise à jour:

Trouvé dans UIWebView.h:
NS_CLASS_AVAILABLE_IOS(2_0) __TVOS_PROHIBITED @interface UIWebView : UIView <NSCoding, UIScrollViewDelegate>

La prise en compte de il peut ne pas être disponible dans tvOS 🙁

InformationsquelleAutor Maciek Czarnik
4

Voici la Swift version de jcesarmobile de la solution.
```
    let webViewClass : AnyObject.Type = NSClassFromString("UIWebView")!
    let webViewObject : NSObject.Type = webViewClass as! NSObject.Type
    let webview: AnyObject = webViewObject.init()
    let url = NSURL(string: "https://www.google.com")
    let request = NSURLRequest(URL: url!)
    webview.loadRequest(request)
    let uiview = webview as! UIView
    uiview.frame = CGRectMake(0, 0, webDashboardView.frame.width, webDashboardView.frame.height)
    webDashboardView.addSubview(uiview)
```
Je suis en train de construire une entreprise application qui n'a pas à passer par l'App Store, cette solution fonctionne pour moi.
- avez-vous fait des progrès sur le site iteraction? avec ce code vous suffit de charger un site web, mais vous ne pouvez pas vraiment de naviguer ou de faire quoi que ce soit
- Aucune avancée sur le site web de l'interaction. Depuis que je suis juste montrer les données statiques dans mon application, il n'est pas important à mes besoins. Mais, serait curieux de savoir si quelqu'un prend-il pour travailler!
- Le code ci-dessus fonctionne bien. J'ai un besoin bien défini: webview.mediaPlaybackRequiresUserInteraction à false (c'est le cas par défaut). J'changement de webview, var webview .. et il affirme qu'il "ne peut pas l'affecter à la propriété. webview est immuable" des suggestions?
- Comment puis-je traduire ce code de Xamarin.tvOS?
- Je sais que c'est une très vieille question. Mais j'ai utilisé cette mise en œuvre dans une entreprise app.. le webvivew fonctionnait bien, pas de problème jusqu'à ce que quelques jours plus tard, quand il a été en montrant un vide blanc de l'écran. Ce problème ne peut pas être reproduite sur le simulateur. Il fonctionne sans problème sur simulateur et a travaillé sur un déployée apple tv pendant plusieurs jours avant la webivew a commencé à afficher un écran vide... comme si sa ne charge pas
InformationsquelleAutor Justin Domnitz
2

Malheureusement, UIWebView n'est pas prise en charge de la classe en tvOS. Aucune, est WKWebView. Vous pouvez voir une liste complète de l'Api prises en charge et retiré dans iOS 9 et tvOS ici. Si vous faites défiler vers le bas de la première section, vous allez voir WebKit dit supprimé.

InformationsquelleAutor Viper
0

Si vous êtes à la recherche pour le port de votre application existante pour tvOS, vous pourriez envisager de atvjs cadre. Il vous donnera l'expérience familière de l'élaboration de tout avant la fin de l'épandage. Vous pouvez encore avoir besoin de modifier votre application web à la suite de la cadre, cependant, il serait beaucoup moins douloureuse que l'aide de l'exemple de l'architecture fourni par Apple.

Pour commencer, reportez-vous à https://github.com/emadalam/tvml-catalog-using-atvjs qui est un port de l'échantillon initial de code, ré-écrite à l'aide de atvjs cadre.

InformationsquelleAutor eMAD

Vous devez vous connecter pour publier un commentaire.