@spartadigital/nativescript-ns-wikitude

本项目正在积极开发中。请随时贡献并提交任何拉取请求或问题。

使用 Wikitude 版本 7.1。

许可证

此插件根据 MIT 许可证授权

可以从他们那里获得 Wikitude 的许可证，无论是试用版还是付费版都适用。

您可以从这里获得试用版许可证

安装

要安装，只需运行

    $ npm i --save @spartadigital/nativescript-ns-wikitude

然后您需要链接您的许可证密钥，您可以在主.ts/main.js 中添加以下内容

global.wikitudeLicense = "[YOUR-WIKITUDE-LICENSE-HERE]"

对于您的 app.component.ts 中的 {A}，您应包含

import { registerElement } from 'nativescript-angular/element-registry';
import { Wikitude } from '@spartadigital/nativescript-ns-wikitude';

registerElement('Wikitude', () => Wikitude);

用法 & API

即将推出™...

示例

在 {A} 中使用 Wikitude 插件的示例

wikitude-component.html

<AbsoluteLayout class="w-full h-full dashboard">

    <Wikitude #wikitude
            top="0"
            left="0"
            [url]="worldUrl"
            class="wikitude w-full h-full"    
            (loadedNavigation)="onLoaded($event)"          
            (javascript)="onJSON($event)"
            (internalError)="onError($event)">
    </Wikitude>

</AbsoluteLayout>

wikitude-component.ts

export class WikitudeComponent {
    ...*snip*...
    // using ~/ means that the file is a local file.
    public worldUrl: string = "~/wk_world/index.html"

    onError($event) {
        console.log(`Wikitude Error : ${$event.errorObject.message}`);
    }

    onJSON($event) {
        const json = <{ event: string; message: string }>JSON.parse($event.data.data);

        alert(json.message);
    }
   
    ...*snip*...
}

贡献

贡献指南即将推出！