如何在不显示API密钥的情况下使此代码正常工作?我正在Node.js/Angular/Express上构建应用程序

How can I make this code work without showing my API keys? I am building as app on Node.js/Angular/Express

本文关键字：应用程序 工作 Node js Express Angular 构建 常工作 API 密钥 显示      更新时间：2023-09-26

此代码与我的应用程序配合良好，但process.env在此函数中不起作用。有没有一种方法可以让我调用process.env，而不必显示我的密钥？如果我让代码保持原样，API调用将不起作用，但如果我添加密钥，它将起作用。我的选项是什么，或者简单地说，为什么process.env不能像在命令行上那样在这里工作？

function randomString(length, chars) {
    var result = '';
    for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
    return result;
}
var myApp = angular.module('myApp', []);
myApp.controller('MainCtrl', ['$scope', 'MyYelpAPI', '$window', function($scope, MyYelpAPI, $window) {
    $scope.total = [];
    $scope.businesses = [];
    MyYelpAPI.retrieveYelp('', function(data) {
        $scope.businesses = data.businesses
        console.log($scope.businesses)
        var array = $scope.businesses
        var random = Math.floor((Math.random() * array.length) + 1);
        // console.log(array[random])
        var result = array[random]
        console.log(result)
        if (2 > 1) {
            $scope.businesses = [result]
        }
    });
}]).factory("MyYelpAPI", function($http) {
    return {
        "retrieveYelp": function(name, callback) {
            var method = 'GET';
            var url = 'http://api.yelp.com/v2/search?';
            var params = {
                    callback: 'angular.callbacks._0',
                    location: 'New+York',
                    oauth_consumer_key: process.env.yelp_consumer_key, //Consumer Key
                    oauth_token: process.env.yelp_token, //Token
                    oauth_signature_method: "HMAC-SHA1",
                    oauth_timestamp: new Date().getTime(),
                    oauth_nonce: randomString(32, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'),
                    term: 'bakery'
                    // limit: 15
                };
            var consumerSecret = process.env.yelp_consumer_secret; //Consumer Secret
            var tokenSecret = process.env.yelp_token_secret; //Token Secret
            var signature = oauthSignature.generate(method, url, params, consumerSecret, tokenSecret, { encodeSignature: false});
            params['oauth_signature'] = signature;
            $http.jsonp(url, {params: params}).success(callback);
        }
    }
});

您没有在客户端访问process.env的权限，这只允许您访问Node环境。您应该做的是将api调用功能转移到应用程序的服务器（节点）部分，并让您的angular factory查询由服务器代码提供的端点。在那里，在您的服务器中，您可以访问process.env，并安全地存储env密钥对，从而永远不会向公众公开它们。

一个非常基本的概要（假设您正在本地开发并在http://localhost:3000/api上托管您的api）可能是：

// client side angular code
.factory("MyYelpAPI", function($http) {
    return {
        "retrieveYelp": function(name, callback) {
            var method = 'GET';
            var url = 'localhost:3000/api/search';
            var params = {
                ...
            };
            ...
            $http.jsonp(url, {params: params}).success(callback);
        }
    }
});
// node/express routing
app.get('/api/search', require('./api.js').search)
// server side i.e. node code (api.js)
module.exports = {
    search: function(req, res) {
        var params = {
            oauth_consumer_key: process.env.yelp_consumer_key, //Consumer Key
            oauth_token: process.env.yelp_token, //Token
        }
        ...
        res.json(something);
    }
}
相关文章：