页面点击确定跳转app详情页
1.java方面：要从后台获取终端需要的数据，通过接口提供。例：
这是终端需要用到的值
category --------------文章所属的栏目
mediaPath -------------文章的音频文件
staticurl --------------文章的静态访问路径
mediaType -------------音频类型
type --------------发布文章的类型
vurl --------------视频文件
id ---------------文章id
java返回值
public static void responseObj(HttpServletResponse response, Object data){
//response.setm
try {
PrintWriter out = null;
response.setContentType("text/plain");
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("text/json;charset=UTF-8");
out = response.getWriter();
JsonFromServer<Object> json= new JsonFromServer<Object>();
json.code = 200;
json.msg = "SUCCESS";
json.data = data;
// out.println(getRightJson(array.toString(), list.size()));// 返回jsonp格式数据
out.println(com.alibaba.fastjson.JSONObject.toJSONString(json));
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
java的基础底层类
/*
java的基础底层
*/
public class JsonFromServer<T>{
public int code;
public String msg;
public T data;
}
java的接口
/**
* @param contentId
* @param userId
* @param request
* @param response
* 获取从手机跳转到app的稿件详情页参数
*/
@RequestMapping("/forApp/****.jspx")
public void ***(Integer contentId,Integer userId,
HttpServletRequest request, HttpServletResponse response) {
Content content = null;
WapContentBean wcb = null;
Integer siteId = null;
try {
content = wapMmanager.getContenById(contentId);
if (content != null) {
if(content.getStatus()==2){
wcb = new WapContentBean();
}
//id
wcb.setId(content.getId());
//移动标题图
if(StringUtils.isEmpty(content.getWapTitleImg())){
if(!StringUtils.isEmpty(content.getTypeImg())){
wcb.setWapImg(content.getTypeImg().replace("/", httpURL));
}else{
wcb.setWapImg("");
}
}else{
wcb.setWapImg(content.getWapTitleImg().replace("/", httpURL));
}
//图片、图片描述
if (content.getPictures() != null) {
String[] pic = new String[content.getPictures().size()];
String[] picDesc = new String[content.getPictures()
.size()];
for (int i = 0; i < content.getPictures().size(); i++) {
pic[i] = content.getPictures().get(i)
.getImgAndroidPath();// 待修改
picDesc[i] = content.getPictures().get(i)
.getDescription();
}
wcb.setPicPaths(pic);
wcb.setPicDesc(picDesc);
}
if (content.getMediaPath() != null) {//多媒体语音文件路径
wcb.setMediaPath(content.getMediaPath());
}
if (content.getVurl() != null) {//视频路径
wcb.setVurl(content.getVurl());
}
wcb.setType(content.getType().getId());
//静态页APP的web路径
String appUrl = httpURL+"/app"+content.getUrl().replace("/lrqw", "");
wcb.setContent(appUrl);
//静态页web路径
wcb.setStaticurl(appUrl);
Integer newsType = content.getChannel().getChannelExt().getNewsType();
String category = "图文";
if(newsType == 2){
category = "图片";
}else if(newsType == 3){
category = "视频";
}
wcb.setCategory(category);
//借用此字段提供稿件位置说明
if(category.equals("图片") || wcb.getPicPaths().length >= 3){
wcb.setMediaType("4");
}else{
if(category.equals("视频")){
wcb.setMediaType("5");
}else{
//其他稿件
if(StringUtils.isEmpty(wcb.getWapImg())){
wcb.setMediaType("1");
}else{
if(wcb.getType()==5){
wcb.setMediaType("3");
}else{
wcb.setMediaType("2");
}
}
}
}
//栏目名称
wcb.setCategory(content.getChannel().getName());
//视频地址
if(content.getVurl() != null && !content.getVurl().isEmpty() ){
wcb.setVurl(content.getVurl());
}else{
wcb.setVurl("");
}
//语音文件地址
wcb.setMediaPath(content.getMediaPath());
BaseAppUtils.responseObj(response, wcb);
}else if(content.getStatus()==3){
BaseAppUtils.responseStrError(response, "此稿件已被删除");
}
} catch (Exception e) {
e.printStackTrace();
BaseAppUtils.responseStrError(response, "获取数据异常");
}
}
前台页面的html代码1
写出一个是否的弹框按钮
var answer = confirm("前往日本头条体验更佳");
if(answer){
window.location.href = 'http://localhost:8080/lrqw/guide.html?uid=${content.user.id}&cid=${content.id}'
}
前台页面的html代码2
guide.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--<script type="text/javascript" src="jquery-3.2.1.min.js"></script>-->
</head>
<body style="background: #f1f1f1;">
<img src="http://localhost:8080/mobile/images/pict.png" style="padding: 0; margin: 0; width: 100%;" />
<script type="text/javascript" src="http://localhost:8080/r/cms/www/tpl_lrqwnet/lrqw_js_wap/jquery-1.7.2.min.js"></script>
<script>
function getQueryVariable(variable) {
var reg = new RegExp("(^|&)" + variable + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURI(r[2]);
return null;
}
$(function() {
var IosLinks = "";//旅日
var AndroidLinks = "";
var uid = getQueryVariable('uid')
var cid = getQueryVariable('cid')
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
var isWeixin = !!/MicroMessenger/i.test(u);
if (isWeixin) {
console.log('Weixin')
} else {
var str = "http://localhost:8080/forApp/****.jspx?userId=" + uid + "&contentId=" + cid;
$.ajax({
type: "POST",
url: str,
dataType: "json",
success(data) {
console.log(111, data);
var category = data.data.category;
var mediaPath = data.data.mediaPath;
var staticurl = data.data.staticurl;
var mediaType = data.data.mediaType;
var type = data.data.type;
var vurl = data.data.vurl;
var id = data.data.id;
console.log(111, data.data.mediaPath);
console.log(111, data.data.category);
console.log(111, data.data.mediaType);
console.log(111, data.data.staticurl);
console.log(111, data.data.vurl);
console.log(111, data.data.id);
if (isAndroid) {
var an ="znn://riben:80/test?category=" + category + '&mediaPath=' + mediaPath + '&mediaType=' + mediaType + '&staticurl=' + staticurl + '&type=' + type + '&vurl=' + vurl + '&contentId=' + id
$('img').click(function() {
/* 安卓下载地址 */
window.location.href = AndroidLinks
});
window.open(an)
// window.location.href = "znn://riben:80/test?category=" + category + '&mediaPath=' + mediaPath + '&mediaType=' + mediaType + '&staticurl=' + staticurl + '&type=' + type + '&vurl=' + vurl + '&contentId=' + id;
} else if (isiOS) {
window.location.href = "JPTop://parameters?category=" + category + '&contentId=' + id + '&staticurl=' + staticurl + '&mediaType=' + mediaType;
$('img').click(function() {
/* IOS下载地址 */
window.location.href = IosLinks
});
}
}
})
}
})
</script>
</body>
</html>