Question

我对NodeJS很新，事实上这是我的第一个项目，我被要求构建一个Twitter克隆，允许用户登录/注册他们的帐户并查看他们的时间表以及发推文。我已经构建了一个简单的HTML表单，现在希望它在我的文件夹中的app.js文件上触发登录过程。我已经在twitter上创建了一个应用程序，我有consumer_key和consumer_secret值。我正在使用twitter npm模块连接，它直接连接到我的帐户，而不重定向到身份验证页面，我只能在我的nodeJS控制台中看到推文，而我希望它们检索并显示在HTML文档上，也许可以通过twitter＆＃39; s嵌入式时间表。我将在此发布我的HTML和app.js代码，请帮助我完成此项目的剩余部分代码谢谢。

这是我的html文档的Form标记：

 <form >
  <button  id="btnLogin" type="button" onclick="popper()"  class="button  buttonBlue">Login
<div class="ripples buttonRipples"><span class="ripplesCircle"></span></div>
</button>
</form>
 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script type="text/javascript">
    function popper(){
  $('#btnLogin').click(function () {
  $.get('/', function (data) {
  console.log("Inside Script Tag of form");
  });
  });}
    </script>

//Now here is my App.jS code
//Please ignore some other API's ive tried alot of stuff
var http = require('http');
var express = require('express');
var app = express();
var url = require('path');
var fs = require('fs');
var Twit = require('twit');
var OAuth = require('oauth').OAuth;
var mtwitter = require('mtwitter');
var Twitter = require('twitter');

 //Use Express JS here to directly parse Static Content
app.use(express.static(__dirname+'/public')); //Display Static Content From Public Folder
app.listen(8000);
console.log("Server Listening at 127.0.0.1:8000")
console.log("Initializing Twitter API Please wait a moment:")


//npm twitter API Most widey used 

var client = new Twitter({
consumer_key: 'myconsumer_key',         //note im hiding these values on stackoverflow
consumer_secret: 'myconsumer_secret',
access_token_key: 'myaccess_token',
access_token_secret: 'my_access_token_secret'
});

client.get('statuses/user_timeline', params, function(error, tweets, response) {
 if (!error) {
 console.log(tweets);  //all my tweets are displayed in cmd here 
}
});

我希望用户在点击按钮后重定向到Twitter身份验证页面并显示他们的推文并在另一个HTML表单上发布推文，如果它们是在Twitter嵌入式时间轴/推文格式中，则更好。

NODEJS和HTML中的Twitter克隆

0 个答案: