尝试使用Cloudflares新的免费通用SSL在Heroku上获得完全免费的SSL
阅读这篇文章:http: //mikecoutermarsh.com/adding-ssl-to-heroku-with-cloudflare/
这似乎表明Cloudflare现在可以免费提供SSL.
我采取的步骤:
用这个快速中间件强制https:
app.use(function(req, res, next) {
if (req.headers['x-forwarded-proto'] != 'https') {
res.redirect('https://' + req.headers.host + req.path);
}
else {
return next();
}
});
heroku域http://example-app.herokuapp.com正常工作,并重定向到https://example-app.herokuapp.com,绿锁和所有.
无论http://example-app.com和https://example-app.com不起作用.浏览器选项卡图标一直在旋转,永远不会解析.关于如何使这个工作的任何想法？这甚至可能吗？
这看起来实际上是可能的.来自CloudFlare支持:
比尔,
从根本上说,只要"origin"支持SSL连接,您就可以使用Full SSL和CloudFlare.
西蒙
CloudFlare今天发布了这篇博文:https: //blog.cloudflare.com/universal-ssl-be-just-a-bit-more-patient/
我的网站已经开始解析,但是收到"您的连接不是私密"的消息,就像博客帖子中的"您可能看到的错误"部分一样.同样在我的CloudFlare设置中有一个"SSL发出"警报,所以我想一旦发布它可能只是工作.我会保留你们的帖子.
尝试使用角度材料实现flexbox布局,其中导航和页脚具有固定高度,内容将是可滚动的(使用md-content),页脚应该出现在可滚动内容之后.我的解决方案在chrome和firefox中工作得很好,但在safari中却没有.在Safari中,页脚出现在视口的底部,与可滚动内容重叠.有什么方法可以在所有浏览器中实现相同的效果？
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body layout='column'>
<div id='nav'>
Nav
</div>
<md-content flex layout='column'>
<div id='content' flex>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate …我正在使用远程 url创建一个电子 BrowserWindow，所以我不能真正使用var ipc = require('ipc');语法来包含 ipc。可以将消息从远程 url 发送到电子主进程吗？如果是这样，我在哪里可以获得它的 javascript 源代码？
或者也许有更好的方法将信息传递给电子主进程？只需要发送登录的用户信息。
我想定义一些从异步资源返回的常量。无论如何要在 Webpack 中做到这一点？
/* webpack.config.js */
module.exports = {
...,
plugins: [
new webpack.DefinePlugin({
someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */
})
]
}
我发现在repl中为提示添加颜色确实有助于分离输出.我通过使用NPM的粉笔来实现这一点,但这会在提示和光标之间增加一些空间.
var term = repl.start({
prompt: chalk.blue('goose> '),
eval: function(cmd, context, filename, cb){
...
}
});
提示出现如下('|'是光标):
goose> |
有关如何修复的任何想法？
所以我正在尝试将"account_type"字段添加到用户集合中.
Meteor.startup(function () {
if (Meteor.users.find().count() === 0){
var user = Accounts.createUser({
email: 'email@fake.com',
password: 'password'
});
Meteor.users.update({_id: user}, {$set : {account_type: 'admin'}});
}
});
当我打电话时Meteor.user().account_type,它是未定义的.
我也在某处读过这样的事情:
Meteor.methods({
get_user: function(user_id){
return Meteor.users().find({ _id: user_id}, {fields: {account_type: 1}});
}
});
但是当我打电话给我时,我再次被定义为:
console.log(Meteor.call('get_user', Meteor.userId()));
添加到用户模型的正确方法是什么？
我正在使用AWS Elemental MediaConvert编码为CMAF，据我了解，这将允许单一格式流式传输到所有设备。但是，我在让 HLS 流媒体与任何播放器一起使用时遇到问题。
达世币正在运行：
HLS 不是：
获取明显错误：
1210/SOURCE_HLS_STREAM_ERROR
1202/SOURCE_MANIFEST_INVALID
我对宣传 CMAF 支持的shaka 播放器也遇到了类似的问题：
https://codesandbox.io/s/pedantic-haze-y6qxq（取消注释manifestUri以测试 HLS）
错误似乎也与清单有关：
HLS playlist has both Master and Media/Segment tags.
.m3u8 文件的内容：
#EXTM3U
#EXT-X-VERSION:6
#EXT-X-INDEPENDENT-SEGMENTS
#EXT-X-STREAM-INF:BANDWIDTH=1231785,AVERAGE-BANDWIDTH=1214202,VIDEO-RANGE=SDR,CODECS="avc1.4d401f,mp4a.40.2",RESOLUTION=1280x720,FRAME-RATE=25.000,AUDIO="program_audio_0"
05f3e320-c5b6-11e9-97ce-35297279db3d.m3u8
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="program_audio_0",LANGUAGE="eng",NAME="Alternate Audio",AUTOSELECT=YES,DEFAULT=YES,URI="05f3e320-c5b6-11e9-97ce-35297279db3d.m3u8"
关于出了什么问题有什么想法吗？我只是使用 MediaConvert 提供的默认 CMAF 设置。
amazon-web-services http-live-streaming mpeg-dash aws-media-convert
我注意到当使用基于弹性框的布局与position: fixed页脚时,滚动功能是不同的.固定的页脚更平滑,并显示滚动条.Flexbox根本不光滑,并且不显示滚动条.我更喜欢使用flexbox进行布局,但想要更好的滚动.有没有办法用flexbox实现它？
我在IOS 10 Iphone 7上进行测试.发生在Chrome和safari上
HTML:
<html>
<head>
<meta name=viewport content="width=device-width,initial-scale=1">
</head>
<body>
<div id='main'>
...lots of content so it would scroll
</div>
<nav class="footer">footer</nav>
</body>
</html>
Flexbox方法:
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
-webkit-flex-direction: column;
flex-direction: column;
display: flex;
}
#main {
-webkit-flex: 1 1 auto;
overflow-y: auto;
min-height: 0px;
}
.footer {
height: 72px;
min-height: 72px;
background-color: blue;
}
固定页脚方法:
html, body {
height: 100%;
margin: 0; …