如何在Tizen中建立一个create-react-app?

问题描述 投票:0回答:1

我想使用create-react-app构建一个Web应用程序,然后将其与Tizen打包在一起以制作适用于Samsung Smart-TV的应用程序。 我如何建立这样的项目? 要创建我的React-app的Tizen项目,我应该构建,打包或添加什么? 如果有人可以给我写一个循序渐进的指南,我将非常感谢。

我试图在Tizen项目中创建一个react应用程序。 没用 我试图构建我的react应用程序并将构建目录复制到Tizen项目。 没用 我认为在config.xml中的react应用中指向index.html会产生一些结果。 但不是。 尝试将文件从react应用程序逐步添加到我的Tizen应用程序中。 失败。

三星电视的发展似乎很难。 救命。 我是耐火的和绝望的。 谢谢。

reactjs samsung-smart-tv tizen-web-app
1个回答
1
投票

有点挑战,但是你可以做到

请遵循以下指示:

先决条件

  • 支持Tizen 4.0及更高版本的三星智能电视
  • Tizen Studio 3.x- 下载链接
  • 甲骨文JDK 8

设定:

  • 下载并安装Tizen Studio- 按照说明进行操作
  • 转到电视扩展名下载部分存档
  • 下载适用于Tizen SDK的最新4.x TV Extension(到目前为止的最新版本:4.1.2)
  • 启动程序包管理器,然后单击“配置”齿轮图标。 展开底部的“扩展SDK”部分。 单击“ +”图标,然后将下载的zip归档文件添加为存储库。
  • 选择在下载的存储库中找到的TV Extensions-4.0扩展名,然后单击“安装”。
  • 如果您在“主SDK /扩展SDK”选项卡中看不到添加的软件包,请关闭并重新打开软件包管理器。
  • 确保正确安装了基本工具:
  • 主SDK-> Tizen SDK工具
  • 主SDK-> Tizen SDK工具>本机工具链>(所有内容)
  • 主SDK-> 4.0电视
  • 扩展SDK->其他-> TV Extensions-4.0
  • 扩展SDK->其他->三星证书扩展
  • 扩展SDK->其他->电视扩展工具

建立专案

  • 打开TizenStudio>创建新项目>模板>自定义>选择TV-Samsung v4.0
  • Web应用程序>基本项目>“您的应用程序名称”>完成
  • 随意修改index.html / css文件夹/config.xml
  • 右键单击项目名称,然后选择运行方式> Tizen Web Simulator应用程序(Samsung TV),以在该应用程序上获得非常粗暴的外观。

config.xml中

<?xml version="1.0" encoding="UTF-8"?>

<content src="index.html"/>
<feature name="http://tizen.org/feature/screen.size.normal.1080.1920"/>
<icon src="icon.png"/>
<name>Testing</name>
<tizen:profile name="tv-samsung"/>

<tizen:privilege name="http://developer.samsung.com/privilege/network.public"/>
<tizen:privilege name="http://tizen.org/privilege/application.launch"/>
<tizen:privilege name="http://tizen.org/privilege/tv.inputdevice"/>
<tizen:privilege name="http://tizen.org/privilege/tv.display"/>
<tizen:privilege name="http://tizen.org/privilege/fullscreen"/>
<tizen:privilege name="http://tizen.org/privilege/internet"/>
<tizen:privilege name="http://tizen.org/privilege/volume.set"/> 
<tizen:privilege name="http://developer.samsung.com/privilege/drmplay"/>   
<tizen:privilege name="http://developer.samsung.com/privilege/productinfo"/>
<tizen:setting pointing-device-support='disable' />
<tizen:setting screen-orientation="landscape" context-menu="disable" background-support="enable" encryption="disable" install-location="auto" hwkey-event="enable"/>

的index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
    />
    <link rel="stylesheet" href="css/style.css" />

</head>
<body> 

   <script>
        window.open("http://0.0.0.0:3000") <!-- Add your IP address ->
   </script>

</body>
</html>

与REAL DEVICE配对

  1. 通过设置>查找内容找到三星电视设备的IP
  2. 查找计算机的IP地址>设置>网络>网络状态> IP设置
  3. 在Mac中快捷方式-单击alt + WIFI图标,然后复制并粘贴IP地址
  4. Tizen Studio>设备管理器>单击远程设备管理器>键入名称和设备IP>将连接设置为“开”
  5. 将计算机IP添加到Samsung TV:转到电视上的Apps
  6. 单击遥控器上的数字按钮(123)>输入数字1,2,3,4,5
  7. 将弹出一个屏幕,您可以在其中输入计算机的IP地址
  8. TizenStudio>工具(在顶部栏菜单上)>设备管理器->上的连接将证书上传到设备
  9. 右键单击设备管理器中的设备,选择“允许安装应用程序”
  10. TizenStudio>设备和仿真器名称下拉菜单>选择添加的设备
  11. TizenStudio>右键单击项目名称> Run As>“ Tizen Web Application”
  12. 如果您是第一次这样做,它将要求您创建证书>单击“确定”以创建证书并按照说明进行操作
© www.soinside.com 2019 - 2024. All rights reserved.