h5页面和PHP页面的区别,嵌入app的h5与普通的h5有何不同？

那里有不同？区别大不大？

我要做一个H5页面嵌入到app里，但我不会写于是我就用抓包工具抓取了一个类似的页面，我想把我的程序加入进去但不知道如何去改动，好多js代码看不懂，希望有大神帮忙看下代码

是做一个签到页面

签到

签到

连续签到有更多惊喜哦

...

...

...

...

...

...

...

昨日获奖名单>

...积分

积分奖池...人贡献...分

签到规则

• 1.签到和签到分享可以获得积分;
• 2.坚持每日签到和签到分享可以获得更更丰厚的奖励;
• 3.漏签会使签到进度重置，坚持签到奖励更丰富！
• 4.签到人数每增加1人，积分奖池就增加1积分;
• 5.次日0:00从当日签到的所有用户中随机抽取1000名中奖用户，平分积分奖池的奖励。
• 6.活动最终解释权归人人夺宝团队所有。
• 7.温馨提示：叫上小伙伴一起签到，有更多奖励哦！

签到分享可以获得
签到积分+5的机会

我要签到

签到分享

var pop_sign = $('.pop_sign_btn')

var btn_sign = $('.sign');

var total_point = 0;

var total_user = 0;

var times = 0;

var sign_list = [];

$('.close').click(function(){

$(this).parent().parent().parent().hide();

})

$(function() {

trackEvent('签到', '首页');

collectDisplay('bd35');

nativeHttpRequest('GET', getHostApi('/sign/info'), {}, '', 'loadSignInfo');

$('.prize_list').click(function() {

openPage('签到', 'GET', getHostPage('/activity/sign/list.html'), {});

});

});

pop_sign.click(signClick);

$('.share').click(share)

function popup(){

$('.popup_out').show();

}

function loadSignInfo(s, res) {

//alert(res)

res = JSON.parse(res);

if (res.code == 0) {

data = res.data;

times = data.times;

sign_list = data.sign_list;

if (data.signed) {

btn_sign.addClass('current').html('已签到' + data.times + '天');

$('.circle_now').addClass('current2');

$('.circle_now .yes_hide').show();

$('.header_wen1').html('明日签到可领' + data.sign_list[2] + '积分');

$('.share').addClass('current');

} else {

btn_sign.click(popup)

$('.header_wen1').html('今日签到可领' + data.sign_list[1] + '积分');

}

btn_sign.show();

// fill total info

total_point = parseInt(data.sign_total);

total_user = parseInt(data.sign_user);

update_info();

var today = new Date(data.today.replace(/-/g, '/'));

$.each(data.sign_list, function(index, point) {

var yesterday_signed = 0;

if (index == 0 && data.yesterday) {

yesterday_signed = 1;

}

var tmp_obj = $('.calendar_out dl[data-index=' + index + ']');

tmp_obj.find('.point').text('+' + point);

if (!yesterday_signed) {

tmp_obj.find('.circle img').removeClass('yes_gray').addClass('yes_hide');

}

// fill date

if (index == 1) {

tmp_obj.find('.days').text('今日');

} else if (index == 2) {

tmp_obj.find('.days').text('明日');

} else {

tmp_obj.find('.days').text(get_day(today, index - 1));

}

});

}

}

function share() {

//$('.share').unbind();

$('.popup_out').hide();

trackEvent('签到', '分享点击');

setTimeout(function() {

var title = '你的好友送你一份免费大礼，最高价值888！';

var body = title;

var url = 'http://dl.zhuquzhou.com/v20I/index.html?channel_id=gr2w&s=' + Math.random();

var img_url = 'http://7xja1h.com2.z0.glb.qiniucdn.com/1460969656';

var callback_url = 'activity/systime';

var callback_func = 'share_callback';

var platform = getPlatform();

if (platform == 'android') {

window.android_js.share_sdk(title, body, url, img_url, getHostApi('/' + callback_url), callback_func, 'wechat_moments', 'wechat_moments');//安卓的分享路径

} else if (platform == 'ios') {//苹果分享路径

window.location.href = ("ios://"+encodeURIComponent(JSON.stringify({"cmd":"share","title":title,"shareurl":url,"iconurl":img_url,"msg":body, "staturl": callback_url, 'callback':callback_func, 'show_item':'wechat_moments', 'hide_items':'wechat_moments'})));

}

}, 300);

}

function share_callback(status) {//分享收回

if (status == 1) {

// success

trackEvent('签到', '分享成功');

collectShare('bd35');

nativeHttpRequest('GET', getHostApi('/sign/sign'), {'shared':'1'}, '提交中....', 'checkSign_show');

//location.reload(true);

} else {

nativeAlert('提示', '分享失败');

$('.share').click(signClick_share);

}

}

function update_info() {

$('.sign_total').text(total_point);

$('.sign_users').text(total_user);

}

function get_day(today, days) {

var new_day = new Date(today.getTime() + (days * 24 * 60 * 60 * 1000));

return fill_date(new_day.getMonth() + 1) + '.' + fill_date(new_day.getDate());

}

function fill_date(number) {

if (number < 10) {

return '0' + number;

}

return number.toString();

}

function signClick() {

$('.popup_out').hide();

btn_sign.unbind('click');

// $('.share').unbind();

collectClick('bd35');

//share();

//trackEvent('签到', '分享成功');

nativeHttpRequest('GET', getHostApi('/sign/sign'), {}, '提交中....', 'checkSign');

}

function checkSign(s, res) {

//alert(res);

res = JSON.parse(res);

if (res.code == 0) {

btn_sign.unbind('click');

collectJoin('bd35');

var points = res.data.points;

btn_sign.addClass('current').html('已签到' + (times + 1) + '天');

$('.header_wen1').html('明日签到可领' + sign_list[2] + '积分');

$('.circle_now').addClass('current2');

$('.circle_now .yes_hide').show();

$('.sign_qb').animate({'top':'103%'},1000,function(){

$('.sign_qb').css({'top':'-110%'});

});

total_point += 1;

total_user += 1;

update_info();

} else {

nativeAlert('提示', res.msg);

btn_sign.click(popup);

}

}

function checkSign_show(s, res) {//检验签到展示

//alert(res);

res = JSON.parse(res);//解析json

if (res.code == 0) {

btn_sign.unbind('click');

collectJoin('bd35');

var points = res.data.points;

btn_sign.addClass('current').html('已签到' + (times + 1) + '天');

$('.header_wen1').html('明日签到可领' + sign_list[2] + '积分');

$('.circle_now').addClass('current2');

$('.circle_now .yes_hide').show();

$('.sign_qb').animate({'top':'103%'},1000,function(){

$('.sign_qb').css({'top':'-110%'});

});

total_point += 1;

total_user += 1;

update_info();

} else {

// alert(JSON.stringify(res.msg))

nativeAlert('提示', res.msg);

btn_sign.click(popup);

}

}