如何为 Cordova 手动实现插件？答案

【问题标题】：How to implement plugin manually for Cordova?如何为 Cordova 手动实现插件？
【发布时间】：2014-12-25 10:06:21
【问题描述】：

我有以下脚本：

<!DOCTYPE html>
    <html>
        <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
         <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
         <link rel="stylesheet" type="text/css" href="css/index.css" />
         <meta name="msapplication-tap-highlight" content="no" />
         <title>Hello World</title>
    </head>
    <body>
    <div class="app">
        <h1>Apache Cordova</h1>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>

        <h2> Camera Position </h2>
        <input type="radio" name="deviceposition" id="deviceposition_back" value="Back" onclick="onChangeDevicePosition();"/>
        <label for="deviceposition_back">Back</label>
        <br/>
        <input type="radio" name="deviceposition" id="deviceposition_front" value="Front" onclick="onChangeDevicePosition();"/>
        <label for="deviceposition_front">Front</label>


        <h2> Flash Mode </h2>
        <input type="radio" name="flashmode" id="flashmode_off" value="Off" onclick="onChangeFlashMode();"/>
        <label for="flashmode_off">Off</label>
        <br/>
        <input type="radio" name="flashmode" id="flashmode_on" value="On" onclick="onChangeFlashMode();"/>
        <label for="flashmode_on">On</label>
        <br/>
        <input type="radio" name="flashmode" id="flashmode_auto" value="Auto" onclick="onChangeFlashMode();"/>
        <label for="flashmode_auto">Auto</label>
        <br/>

        <input type="button" value="Take a picture" onclick="onTakePicture();" />


    </div>

<!— camera preview canvas —>
    <canvas id="camera" width="352" height="288" style="border:2px"></canvas>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>

    <script>
        document.addEventListener("deviceready", function() {
                                      canvasMain = document.getElementById("camera");
                                      CanvasCamera.initialize(canvasMain);
                                      // define options
                                      var opt = {
                                          quality: 75,
                                          destinationType: CanvasCamera.DestinationType.DATA_URL,
                                          encodingType: CanvasCamera.EncodingType.JPEG,
                                          saveToPhotoAlbum:true,
                                          correctOrientation:true,
                                          width:640,
                                          height:480
                                      };
                                      CanvasCamera.start(opt);
                                  });

        function onChangeDevicePosition() {

            var newDevicePosition = CanvasCamera.CameraPosition.BACK;
            if (document.getElementById("deviceposition_back").checked)
            {
                newDevicePosition = CanvasCamera.CameraPosition.BACK;
            }
            else if (document.getElementById("deviceposition_front").checked)
            {
                newDevicePosition = CanvasCamera.CameraPosition.FRONT;
            }
            //
            CanvasCamera.setCameraPosition(newDevicePosition);
        }

        function onChangeFlashMode() {

            var newFlashMode = CanvasCamera.FlashMode.OFF;
            if (document.getElementById("flashmode_off").checked)
            {
                newFlashMode = CanvasCamera.FlashMode.OFF;
            }
            else if (document.getElementById("flashmode_on").checked)
            {
                newFlashMode = CanvasCamera.FlashMode.ON;
            }
            else if (document.getElementById("flashmode_auto").checked)
            {
                newFlashMode = CanvasCamera.FlashMode.AUTO;
            }

            CanvasCamera.setFlashMode(newFlashMode);
        }

        function onTakePicture() {
            CanvasCamera.takePicture(onTakeSuccess);
        }

        function onTakeSuccess(data) {
            //
        }
    </script>
</body>

我刚刚尝试过在此处使用 git 安装插件后：-https://github.com/donaldp24/CanvasCameraPlugin。，这段代码正在运行，我的问题可以用error of installation of the plugin 来解释
所以，我想问是否有人可以帮助我安装插件，因为从这里开始执行以下步骤：-@ 987654322@
不适合我我不明白为什么这不是我第一次尝试安装插件。

谢谢

【问题讨论】：

使用 CLI 工具安装插件

标签： android cordova plugins hybrid-mobile-app

【解决方案1】：

如果手动方式对您不起作用，请尝试“在线 Phonegap 构建服务”。它对我有用，它也可能对你有帮助。它将你的插件绑定到你的应用程序中，并为你构建它。试试这个解决方案，4 步程序：

为您的项目创建一个 Zip 文件。（构建包->Zip）
使用新插件更新 config.xml 文件
使用 Phonegap 构建服务构建应用程序
获取 .apk、.ipa、.xap 即本机应用程序

来源：https://www.devexpress.com/Support/Center/Question/Details/KA18816

【讨论】：