我有一个在本地运行良好的应用程序,但是当我部署到heroku javascript没有正确加载时。我在stackoverflow上看到了很多与此相关的问题。但是没有用。
包含javascript的文件
<div id="myPublisherDiv"></div>
<div id="subscribersDiv"></div>
<script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
<script>
alert("helloworld")
var apiKey = XXXXXX;//my apikey
var sessionId ="<%=@sessionId%>" ;
var token = "<%=@opentok_token%>";
var session;
OT.setLogLevel(OT.DEBUG);
session = OT.initSession(apiKey,sessionId);
var subscriberOptions = {
insertMode: 'append',
width: 340,
height: 260,
align: 'center'
};
session.on
({
streamCreated: function(event)
{
session.subscribe(event.stream,'subscribersDiv',{insertMode: 'append',width:340,height:260});
}
});
session.connect(token,function(error){
if(error)
{
console.log(error.message);
}
else{
session.publish('myPublisherDiv',{width: 300,height: 220});
}
});
</script>
除了上面添加的警报功能外,没有执行任何操作。
application.js 中的
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
的Gemfile
source 'https://rubygems.org'
gem 'rails', '4.2.0'
gem 'bcrypt', '3.1.7'
gem 'faker', '1.4.2'
gem 'carrierwave', '0.10.0'
gem 'mini_magick', '3.8.0'
gem 'fog', '1.23.0'
gem 'opentok'
gem 'will_paginate', '3.0.7'
gem 'bootstrap-will_paginate', '0.0.10'
gem 'bootstrap-sass', '3.2.0.0'
gem 'sass-rails', '5.0.2'
gem 'uglifier', '2.5.3'
gem 'coffee-rails', '4.1.0'
gem 'jquery-rails', '4.0.3'
gem 'turbolinks', '2.3.0'
gem 'jbuilder', '2.2.3'
gem "omniauth-google-oauth2", "~> 0.2.1"
gem 'sdoc', '0.4.0', group: :doc
group :development, :test do
gem 'sqlite3'
gem 'byebug', '3.4.0'
gem 'web-console', '2.0.0.beta3'
gem 'spring', '1.1.3'
end
group :test do
gem 'minitest-reporters', '1.0.5'
gem 'mini_backtrace', '0.1.3'
gem 'guard-minitest', '2.3.1'
end
group :production do
gem 'pg'
gem 'rails_12factor'
gem 'puma', '2.11.1'
end
我添加了 production.rb
config.assets.compress = true
和onething我不得不说是我开发了相同的应用程序与其他规格而不使用bootstrap.it在heroku上工作正常。但在这个应用程序中我使用bootstrap我想这可能是问题。请帮助我。
更新 在浏览器控制台中显示
答案 0 :(得分:4)
你得到的错误是非常自我解释的。
您的网络应用已配置为使用 HTTPS ,但它依赖于 HTTP 。
更改
<script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
到
<script src="https://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
将解决您的问题。